这篇文章主要介绍了关于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中文网其它相关文章!
![php中文网最新课程二维码](/static/images/article_wechat2021.jpg?1111)
声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
- 上一篇:CSS的元素的隐藏与显示
- 下一篇:css 过渡动画效果
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论