css中变换属性有哪些?

transform属性在CSS变换中是比较常用的,本文将带你理解transform属性的各个方面,包括它的语法、取值、作用,希望能够对你有所帮助。

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其它相关文章!

推荐阅读

    设置里程碑|设置里程碑的方法有哪些

    设置里程碑|设置里程碑的方法有哪些,,1. 设置里程碑的方法有哪些1、通过挑战风险,突破认知,从而突破自我。只有在某些特殊的时刻,比如想法和

    魅蓝note6性能参数有哪些

    魅蓝note6性能参数有哪些,摄像头,蓝牙,魅蓝note6性能参数有哪些魅力蓝色Note6最好拍照。电池寿命更长。蓝色Note6使用高通 snapdragon 625

    苹果笔记本 处理器 型号有哪些

    苹果笔记本 处理器 型号有哪些,处理器,苹果,笔记本,之前是不同的,最早是摩托罗拉的CPU,后来改IBM的CPU,最后才是一样的Intel,只有Intel的苹果

    扬声器属性级别设置|扬声器属性高级

    扬声器属性级别设置|扬声器属性高级,,1. 扬声器属性高级选择“高级”标签试试,不行的话,说明系统有问题了,直接换个验证过的系统盘重装系统就

    诺基亚手机直板手机型号有哪些

    诺基亚手机直板手机型号有哪些,软件,手机,此手机的主板或软件存在一定的问题,建议检查该软件是否具有最新版本,建议在手机中备份数据(联系

    造成显卡故障有哪些原因?

    造成显卡故障有哪些原因?,显卡,兼容,主板,显卡 故障, 造成显卡故障的原因有很多,有软件和硬盘两方面的因素。软件方面, 由于显卡的驱动程序

    oppo全部手机型号有哪些

    oppo全部手机型号有哪些,系列,手机,本文目录oppo全部手机型号有哪些oppo全部手机型号发展史oppo手机型号大全顺序oppo手机全部型号求2018

    ps快捷键自由切换|PS快捷键自由变换

    ps快捷键自由切换|PS快捷键自由变换,,1. PS快捷键自由变换ALT_E,移到变换再W,还有就是CTRT+T再右键——变形,还有就是CTRL+T,按住CTRL键——