transform属性

transform指的是变换,一个东西的拉伸,压缩,旋转,偏移等就是使用这个属性。

 

transform可以设置这些函数:

rotate

将元素进行旋转,单位为deg。如rotate(45deg)

translate

将元素进行平移。这个属性是可以有两个参数的,分别表示向X轴和向Y轴进行平移的量,单位为px,第二个参数可以默认不填写

比如translate(20px,30px)

scale

将元素进行放大或缩小。记住,这里的放大和缩小不一定是维持比例的。

scale的参数有两个,分别表示向X轴和Y轴进行放大的倍数,大小在0~正无穷,第二个参数可以默认不填写,如果不填写则是默认等比放大缩小。比如scale(2)

skew

斜切变化。参数为角度deg

skew的参数有两个,分别表示X轴Y轴的斜切变化,第二个参数可以不填写,如果不填写,Y轴斜切无变化

上一篇:响应式介绍


下一篇:2021SC@SDUSC 【软件工程应用与实践】Claygl项目代码分析(三)