css 实现旋转-风车


1. 放置风车图片

<img src="http://sylblog.xin/usr/uploads/2018/04/119099866.gif" alt="小风车">

2. css

@keyframes rotating {
       from{
           transform: rotate(0);
       }
       to{
           transform: rotate(360deg);
       }
 }
 img{
       animation: rotating 1.2s linear infinite
 }

linear:匀速
infinite表示无限次循环动画

效果 (录制jif,原效果平滑)
fengche.gif

声明:coder-syl|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - css 实现旋转-风车


Carpe Diem and Do what I like