css 实现旋转-风车 当前位置: Home » 前端,css » css 实现旋转-风车 ## 1. 放置风车图片 ``` <img src="http://sylblog.xin/usr/uploads/2018/04/119099866.gif" alt="小风车"> ``` <!--more--> ## 2. css ``` @keyframes rotating { from{ transform: rotate(0); } to{ transform: rotate(360deg); } } img{ animation: rotating 1.2s linear infinite } ``` > linear：匀速 > infinite表示无限次循环动画 效果 （录制jif，原效果平滑） ![fengche.gif][2] [1]: http://sylblog.xin/usr/uploads/2019/04/4253637245.png [2]: http://sylblog.xin/usr/uploads/2018/04/119099866.gif
Comments | NOTHING