html - How can I zoom into a picture and have it disappear using ng-click? -


i want click button , have background image zoom in , disappear;

right have image disappearing when button clicked, cannot background image disappear after zooming in has occurred.

you can hover

and visibility

here code:

img {    width: 300px;    height: 300px;    -webkit-transition: 6s;    -o-transition: 6s;    transition: 6s;  }  img:hover {    width: 600px;    height: 600px;    visibility: hidden;  }
<!doctype html>  <html>  <head>    <meta charset="utf-8">    <meta name="viewport" content="width=device-width">    <title>test</title>  </head>  <body>  <img src="http://vignette2.wikia.nocookie.net/seccov/images/2/23/firefox-512-300x300.png/revision/latest?cb=20110314020706" alt="firefox" class="img">  </body>  </html>


Comments

Popular posts from this blog

javascript - How to get current YouTube IDs via iMacros? -

c# - Maintaining a program folder in program files out of date? -

emulation - Android map show my location didn't work -