chengtongpo 发表于 2021-3-3 10:10

transform属性(2D变形或3D变形)

当有多个变形函数时,使用(,)间隔各函数。这时以从左到右的顺序适用各变形函数
transform: translate(), rotate(), scale(), skew(), matrix(), rotateX(), rotateY(), matrix3d();
[*]移动
translate(x方向移动距离,y方向移动距离)
translateX(X方向移动距离)
translateY(Y方向移动距离)
translateZ(Z方向移动距离)
translate3d(X方向移动距离,Y方向移动距离,Z方向移动距离)
[*]尺寸缩放
scale(x方向尺寸缩放,y方向尺寸缩放)
scaleX(X方向尺寸缩放)
scaleY(Y方向尺寸缩放)
scaleZ(Z方向尺寸缩放)
scale3d(X方向尺寸缩放,Y方向尺寸缩放,Z方向尺寸缩放)
[*]旋转
rotate(旋转角度)
rotate3d(数值,数值,数值,旋转角度)
rotateX(以X轴为轴心旋转的角度)
rotateY(以Y轴为轴心旋转的角度)
rotateZ(以Z轴为轴心旋转的角度)
[*]倾斜
skew(X轴倾斜角度,Y轴倾斜角度)
skewX(X轴的倾斜角度)
skewY(Y轴的倾斜角度)
[*]远近效果
perspective(数值)
页: [1]
查看完整版本: transform属性(2D变形或3D变形)