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轴的距离。 一般设置在变换元素的父级上