我有以下箭头css - 如何用CSS3动画箭头,使其看起来像在增长?-LMLPHP图片

我想要实现的是通过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/

10-10 06:59