如何放大图片并使用 ng 单击使其消失



我想单击一个按钮,让背景图像放大然后消失;

现在,单击按钮时图像消失了,但是放大后无法使背景图像消失。

你可以

用悬停来做到这一点

和可见性

这里的代码:

img {
  width: 300px;
  height: 300px;
  -webkit-transition: all 6s;
  -o-transition: all 6s;
  transition: all 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>

最新更新