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。
本文来自css3答疑栏目,欢迎学习!
以上就是css中变换属性有哪些?的详细内容,更多请关注易知道|edz.cc其它相关文章!