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轴斜切无变化