我们给予心脏版本，以防止屏幕变得越来越小，然后使用Div安装风叶盒和风车杆
风叶盒是用UL和Li制成的。其层显然是结构性的，然后使用CS的旋转属性将其添加到与JS的线上。顺便说一下，可以使用透明属性设置此处
风叶杆用DIV的伪元素实现，然后通过位置定位到适当的位置
风叶通过动画属性将风叶转动
我们使用UL盒子进行操作，使其似乎是分层的，并且可以易于使用JS操作。设置了风叶盒的宽度高度后，只有一个风叶盒就可以了。
风叶是通过UL中CSS圆形框架边框的属性实现的。我们允许所有风叶到达风叶盒的中心。在这里使用该定位，然后将旋转的中心点设置为tobe，因为它将通过JS统一旋转
将所有风叶穿过JS，然后定义每个风叶旋转角度的旋转底座值。设置一个风扇刀片阵列。视扇叶片默认情况下将第一个刀片置于第一个。在ES6中完成地图方法后，背景颜色和旋转角将被ES6中的地图方法捕获
然后在风叶中添加背景透明颜色，基本上已经完成
我们使用包含风车盒的伪元素来设置伪元素，设置高度，将其放置在中间，然后设置颜色
最后，我们通过设置CSS的动画操作来旋转他。
我在代码上将代码上传到掘金上。每个人都会去看代码剪辑。最后，我希望您每天都幸福，坚持努力，恐惧未来！
原始：https：//juejin.cn/post/7103032631872356382