css中变换属性有哪些？

1、matrix

matrix(<number>,<number>,<number>,<number>,<number>,<number>)

以一个含六值的(a,b,c,d,e,f)变换矩阵的形式指定一个2D变换，相当于直接应用一个[a,b,c,d,e,f]变换矩阵

2、translate

translate(<length>[, <length>])：

指定对象的2D translation（2D平移）。第一个参数对应X轴，第二个参数对应Y轴。如果第二个参数未提供，则默认值为0

3、translateX（相关课程推荐：css视频教程）

translateX(<length>)：

指定对象X轴（水平方向）的平移

4、translateY

translateY(<length>)：

指定对象Y轴（垂直方向）的平移

5、rotate

rotate(<angle>)：

指定对象的2D rotation（2D旋转），需先有transform-origin属性的定义

6、scale

scale(<number>[, <number>])：

指定对象的2D scale（2D缩放）。第一个参数对应X轴，第二个参数对应Y轴。如果第二个参数未提供，则默认取第一个参数的值

7、scaleX

scaleX(<number>)：

指定对象X轴的（水平方向）缩放

8、scaleY

scaleY(<number>)：

指定对象Y轴的（垂直方向）缩放

9、skew

skew(<angle> [, <angle>])：

指定对象skew transformation（斜切扭曲）。第一个参数对应X轴，第二个参数对应Y轴。如果第二个参数未提供，则默认值为0

10、skewX

skewX(<angle>)：

指定对象X轴的（水平方向）扭曲

11、skewY

skewY(<angle>)：

指定对象Y轴的（垂直方向）扭曲

transform说明

设置或检索对象的转换。

对应的脚本特性为transform。