transform的属性包括：rotate() 、skew() 、scale()、 translate(,) ，分别还有x、y之分，比如：rotateX() 和 rotateY() ，translateX()和translateY()等，以此类推。
1、transform:rotate()：
含义：旋转；其中“deg”是“度”的意思，如“10deg”表示“10度”下同。
2、transform:skew()：
含义：倾斜；参数表示倾斜角度，单位deg
一个参数时：表示垂直方向的倾斜角度；
两个参数时：第一个参数表示垂直方向的倾斜角度，第二个参数表示水平方向的倾斜角度。
skewX(30deg)：（纵轴逆时针转动）
skewY(10deg)：（横轴顺时针转动）
skew(30deg, 10deg) 如下图：
3、transform:scale()：
含义：比例；“1.5”表示以1.5的比例放大，如果要放大2倍，须写成“2.0”，缩小则为负“-”。
4、transform:translate()：
含义：位移；如下表示向右位移120像素，向左向下位移则为负“-”。
网友评论