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
Post a Comment