Question

I want to click a button and have the background image zoom in and then disappear;

Right now I have the image disappearing when the button is clicked, but I cannot get the background image to disappear after the zooming in has occurred.

Answer 1

您可以使用hover

执行此操作

和visibility

这里是代码：

＆＃13;

img {
  width: 300px;
  height: 300px;
  -webkit-transition: all 6s;
  -o-transition: all 6s;
  transition: all 6s;
}
img:hover {
  width: 600px;
  height: 600px;
  visibility: hidden;
}

＆＃13;

<!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>

＆＃13;

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

1 个答案: