rotate css3旋转

1、想实现3d效果的实现，最终要的容器属性是transform-style:属性，其中flat默认是2d效果，preserve-3d是3d效果，设置了这个属性它的后代都会表示3d效果；
2、还有另一个重要属性就是perspective:属性，意思是透视，有个大牛曾说没有透视，不成3d，所以这个属性还是很重要的，想要熟悉它，我们就要了解旋转属性，因为

rotate属性可以很好的帮助我们理解perspective：属性
其中rotateX是垂直旋转（个人觉得就是上下旋转），rotateY是水平旋转（个人觉得就是左右旋转），还有就是rotateZ是旋转Z轴

CSS transform中的rotate的旋转中心怎么设置？

参考文献：http://www.w3cplus.com/css3/transform-origin.html

绕X轴旋转50度

rotatex.png

绕Y轴旋转50度

TIM图片20170831160101.png

绕Z轴旋转50度

TIM图片20170831160109.png