这篇文章主要介绍了关于css 实现旋转风车 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下
1. 放置风车图片
<img src="imgs/fengche.jpg" alt="小风车">
2. css
@keyframes rotating { from{ transform: rotate(0); } to{ transform: rotate(360deg); } } img{ animation: rotating 1.2s linear infinite }
linear:匀速
infinite表示无限次循环动画
效果 (录制jif,原效果平滑)
大前端零基础入门到就业:进入学习
相关推荐:
以上就是css 实现旋转风车的详细内容,更多请关注php中文网其它相关文章!
前端(VUE)零基础到就业课程:点击学习
自己动手写 PHP MVC 框架:点击学习
![](http://m.sbmmt.com/img/upload/article/000/000/020/633501a29d313483.png)