用CSS3制作一个风车

开发工具与关键技术：用CSS3制作一个风车
作者：李波

首先我的风车html如下：

Css部分：需要给四个叶子的设置其对应的样式：首先是第一页的叶子如下图（这里展示第一个叶子的样式），为了突出效果我将叶子的颜色调整为不同的颜色，通过调整叶子的不同的旋转角度形成不同的方向的叶子。

那么如何让它动起来呢，其实很简单不需要大费周章的去写js，只需用Css3的属性就可以办到，那么该如何操作呢。我们只需要给风车的父标签绑定一个transfrom属性，那就可以让风车自行旋转。

效果图如下，剪得不太好。