问如何在悬停时连续旋转图标？
EN

Stack Overflow用户

提问于 2021-03-19 13:18:18

回答 1查看 148关注 0票数 0

图标旋转3-4秒，但不是连续在hovering.Now上，它是旋转后，添加的变化。请帮帮忙。

html

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-03-19 13:20:59

试试这个，我希望这对你有用

<!DOCTYPE html>
<html>

  <head>
    <style>
    i:hover {
      animation: rotation 3s infinite linear;
    }
    
    @keyframes rotation {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(359deg);
      }
    }
    </style>
    <title>My Project</title>
  </head>
  <body>
    <div>
    <i class="fa fa-times"/>
    </div>
 </body>

</html>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/66708934

复制

相似问题

问如何在悬停时连续旋转图标？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在悬停时连续旋转图标？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在悬停时连续旋转图标？
EN