我有以下箭头图片
我想要实现的是通过CSS让此箭头出现(增长)。
我怎样才能做到这一点?如果可能的话,我希望只使用CSS3解决方案。
最佳答案
<!DOCTYPE html>
<html >
<head>
<style type="text/css">
.zoomin img {
height: 200px;
width: 200px;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
transition: all 2s ease;
}
.zoomin img:hover {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<div class="zoomin">
<img src="img/image.png" />
</div>
</body>
</html>
希望这可以帮助
关于css - 如何用CSS3动画箭头,使其看起来像在增长?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/38968178/