大家好，我是前端开发小面，很高兴在这里分享文章，今天就来说说简单风车动画的实现以及transform-origin动画定位的使用，纯css实现+css3动画效果，定位和布局需要熟悉。下面听我详细说说~代码介绍其实实现风车动画并不难。首先，当你看到这个动画时，不要担心。让我们看看它是由哪些部分组成的。拆分一下，风车由4片风车叶子+风车组成风车的叶子由四个三角形组成。先画一个三角形，复制粘贴三个相同的。为了更好地区分它们，给不同的三角形加上不同的背景颜色，然后将每个风车旋转不同的角度，一个设置是旋转30度，一个是一样的，每个加90度，然后通过定位布局把其他三角点放在一起，风车的形状就出来了，然后画支架就是一个矩形很简单，然后在风车中间画一个小圆圈，用来挡住和固定风车的叶子。绘制三角形：---边界的边设置一个等边三角形。
