CSS3以及@keyframes(关键帧)的使用

学习完前端，总会自己去尝试制作一些稀奇古怪的玩意
下面介绍一下如何用CSS3去制作一个风车
首先制作出两个扇叶，代码如下:
页面效果如下:

然后为扇叶添加固定轴心:

页面效果:

为其添加身体部分:

页面效果:

这样，静态的风车弄好了，接下来给扇叶添加CSS3样式属性让风车转动，代码如下:

页面效果:

就这样，一个风车完成了，当然，由于是截图，风车转动效果无法展示，有兴趣各位可进行操作尝试一下。