简单的旋转灯笼效果——css3事例

1、架构如下图所示，一个 stage（舞台） 一个 container（容器），容器存放着几个div，作为‘灯笼’的扇面；

3、然后我们设置一下 小div 的样式和透明度，通过 border-radius这个属性将div变为圆形，初步的效果如图二；（因为设置看定位，所以div都重合了）

4、然后我们分别设置，每个小div 的颜色和 旋转角度，通过将 div慢慢的散开实现 图二的效果；

5、然后我们再次设置一个悬停事件，触发是容器开始绕 Y 轴转动，实现灯笼转动效果；