transform值的设置:
translate3d(x,y,z)
translateX(x)
translateY(y)
translateZ(z)
缩放scale: scale(x,y) /*x 、y为倍数*/
scale3d(x,y,z)
scaleX(x)
scaleY(y)
scaleZ(z)
旋转rotate: rotate(angle) /*angle为角度、单位deg*/
rotateX(angle)
rotateY(angle)
倾斜skew: skew(x-angle,y-angle)
skewX(angle)
skewY(angle)
例:transform:rotateX(30deg);
transform-origin:n% n%; 设置旋转元素的基点位置; 也可以是边,如:transform-origin:left; 与transform使用
3d效果必须:
perspective:像素; 3d透视 值越大,越不明显 与transform使用transform-style: flat;默认; 使被转换的子元素不保留其 3D 转换
preserve-3d; 使被转换的子元素保留其 3D 转换 与transform使用