[前端小案例]-1-HTML+CSS旋转风车-源码
2023-02-20 21:20 作者:是杰瑞-RayUang | 我要投稿
效果

制作原理
使用一个大盒子存放风车,大盒子中放置四个等分的小盒子;
设置小盒子边框为小盒子宽高的一半,并设置颜色,用来模拟风车的四个叶片;
最后使用 @keyframes 规则创建动画使大盒子旋转。

HTML

CSS
效果
使用一个大盒子存放风车,大盒子中放置四个等分的小盒子;
设置小盒子边框为小盒子宽高的一半,并设置颜色,用来模拟风车的四个叶片;
最后使用 @keyframes 规则创建动画使大盒子旋转。