perspective:用来模拟人即类的视觉位置,也称为视距,人的眼睛到屏幕(成像的)距离
transform-style
控制子元素是否开启3D效果。flat l preserve-3d
flat:不开启3D空间,默认值。2D平面显示
preseeve-3d :子元素开启3D立体空间
写在父盒子上!、
transition:过渡
transform:转换
translate:平移
rotate:旋转
scale:缩放
skew:斜切
3D转换:
translateX:X轴位移
translateY:Y轴位移
translateZ:Z轴位移,只能位移大小,不能位移百分比
translate3d(x,y,z):三个轴线一起位移
rotatex(deg)
rotatey(deg)
rotatez (deg)
rotate3d ()
rotate3d(1,1,1,angle):rotateX(angle) rotateY(angle)rotateZ(angle)
rotate3d(1,0,1, angle):rotataX(angle)rotateZ(angle)
rotate3d(_0,0,1,amgle):rotateZ(angle)