【1】CSS3中特别重要的transform中的rotate()，现在transform可以将元素进行2D和3D变形。
2D transform常用的transform-function的功能:
translate()：用来移动元素，可以根据X轴和Ｙ轴坐标重新定位元素位置。在此基础上有两个扩展函数：translateX()和translateY()。
scale()：用来缩小或放大元素，可以使用元素尺寸发生变化。在此基础上有两个扩展函数：scaleX()和scaleY()。rotate()：用来旋转元素。
skew()：用来让元素倾斜。在此基础上有两个扩展函数：skewX()和skewY()。
matrix()：定义矩阵变形，基于X轴和Y轴坐标重新定位元素位置。
3D transform常用的transform-function的功能:
translate3d()：移元素元素，用来指定一个3D变形移动位移量translate()：指定3Ｄ位移在Ｚ轴的位移量。
scale3d()：用来缩放一个元素。scaleZ():指定Z轴的缩放向量。
rotate3d()：指定元素具有一个三维旋转的角度。
rotateX()、rotateY()和rotateZ()：让元素具有一个旋转角度。
perspective()：指定一个透视投影矩阵。
matrix3d()：定义矩阵变形。
这里我们只需要2D中的rotate()属性用来旋转元素，
注意：旋转的角度以顺时针方向为正（按顺势正方向角度增大）
其他属性的用法可以参考这里W3cplus
【2】transfrom-origin
指定变形的原点，默认是在元素的中心，可以接受一到三个参数，分别表示变形原点X轴、Y轴、Z轴的位置（可以实现许多有趣的旋转）
【3】transition
过渡transition是一个复合属性，包括transition-property、transition-duration、transition-timing-function、transition-delay这四个子属性。通过这四个子属性的配合来完成一个完整的过渡效果
transition-property: 过渡属性(默认值为all)
transition-duration: 过渡持续时间(默认值为0s)
transiton-timing-function: 过渡函数(默认值为ease函数)
transition-delay: 过渡延迟时间(默认值为0s)
想要详细了解该属性可以参考深入理解CSS过渡transition
【4】CSS3 :nth-of-type(n) 选择器
选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素
好晕，还是来看个例子：
