1. 放置风车图片
```
```
2. css
@keyframes rotating { from{ transform: rotate(0); } to{ transform: rotate(360deg); } } img{ animation: rotating 1.2s linear infinite }
linear:匀速 infinite表示无限次循环动画
效果 (录制jif,原效果平滑)
![fengche.gif](http://sylblog.xin/usr/uploads/2018/04/119099866.gif)
```
```
@keyframes rotating { from{ transform: rotate(0); } to{ transform: rotate(360deg); } } img{ animation: rotating 1.2s linear infinite }
linear:匀速 infinite表示无限次循环动画
效果 (录制jif,原效果平滑)