css 动画 - transform

transform 变换函数

　　2D变换函数

　　　　旋转 rotate()

　　　　斜切 skew()     

　　　　缩放 scale() 

　　　　位移  translate()

 

　　3D变换函数

　　　　旋转 rotate3d()

　　　　缩放 scale3d()

　　　　位移translate3d()　　

　　　　(skew 没有3d函数)

transform-origin 基点

　　　　旋转 斜切 缩放围绕的点；

　　　　如： transform-orign:center center;    旋转 缩放 斜切围绕着盒模型的中心点变换

　　　　默认值： center center （50% 50%）

transform-style: perserve-3d;

　　　　元素3D变换时，元素内部构建3D空间；（保留子元素的3D变换）

 

perspective: 2*[W|H]px

　　　　3D变换中模拟我们的视角，元素在Z轴的距离。 一般设置在变换元素的父级上