我正在参加“初夏创意贡献竞赛”以获取细节。请参阅:初夏创意贡献竞赛
编码
在HTML中,我们将LI用作风车的叶子
CSS CSS采用Flex布局。为了对LI的特殊处理,附有不同的颜色
目前页面的效果
我们只需要让他从0度到360度,所以
这定义了动画。他将从0度转至360度
我们需要将动画添加到UL
第一个参数是动画的名称,第二个参数是完成动画所需的时间,第三个是恒定速度,第四个是重复动画
让我们看一下界面
我将代码放在代码上进行挖掘。让我们看一下代码剪辑,我希望这个小型风车可以陪伴您冷却夏天。心情快乐,找到好工作和所有美好的事物。
原始:https://juejin.cn/post/7100137159755038757