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

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

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