Font Awesome中动态图标字体是怎样实现的

发布网友 发布时间:2022-04-21 17:35

我来回答

1个回答

热心网友 时间:2022-04-06 12:30

你是说的转的那个效果吧?

是通过CSS3的动画实现的, 关键的CSS项是以下几个:

-webkit-animation-delay: 0s;
-webkit-animation-direction: normal;
-webkit-animation-ration: 2s;
-webkit-animation-fill-mode: none;
-webkit-animation-iteration-count: infinite;
-webkit-animation-name: spin;
-webkit-animation-timing-function: linear;
-webkit-font-smoothing: antialiased;

特别是wekit-animation-name: spin, 指定了是旋转.
不支持IE10以前的版本.

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com