css 旋转

对css3的旋转问题，我认为直接可以从transform中：rotateX, rotateY, rotateZ去了解认识，

那样我们会很清晰直观的接触到它

顾名思义rotateX即绕着x轴旋转，剩余两个一样

下来我会以绕y轴旋转举例

首先是一些常规操作，接着准备好你要旋转的东西，我以旋转照片说明，

因为我要旋转四个照片，故而我写了四个 li。

再接着选择器，该做的一些准备先给他做好 

然后把父容器做好，再对要旋转的照片选择一个进行书写样式，注意要写进

transform-style：preserve-3d,当然旋转时间、相对定位也不能忘记，

 

接下来给li添加绝对定位，然后给确定照片的旋转类型，当然我选择rotateY，即绕y轴旋转，接着确定好角度以及大小，

然后加动画效果并且给定范围

 

接下来千万别忘了给父容器里加好观察位置

 

然后检查自己的要旋转的照片在不在当前选择的文件夹，确认无误，检查自己写的样式和代码无误，最后再运行。

 

好了，给大家看一下完整的代码以及运行效果。

 

 

我是《逆战班》的幻小梦同学，粗鄙之见请多多包含。