我想单击一个按钮,让背景图像放大然后消失;
现在,单击按钮时图像消失了,但是放大后无法使背景图像消失。
你可以
用悬停来做到这一点
和可见性
这里的代码:
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>