菜单 学习猿地 - LMONKEY

 css中变换属性有哪些?

css中变换属性有哪些?

YuWin profile image YuWin ・1 min read

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。

评论 (0)