向水平和垂直各移动200像素,也可以使用百分比

transform: translate(200px,200px);


向水平平移200像素,不加后面的0也可以

transform: translate(200px,0);

transform: translate(0,200px);


向垂直平移200像素

transform: translate(0,200px);

transform: translate(200px);


水平垂直方向放大1.5倍

Transform: scale(1.5);

Transform: scale(1.5,1.5);


水平垂直方向缩小0.8倍

Transform: scale(0.8,0.8)


水平垂直方向放大1.5倍

Transform: scaleX(1.5)


垂直方向放大1.5倍

Transform: scaleY(1.5)


旋转元素,0-360度之间,负值均可

Transform: rotate(-deg)


倾斜元素,0-360度之间,负值均可

Transform: skewX(45deg)


水平倾斜元素,0-360度之间,负值均可

Transform: skewX(0deg)


垂直倾斜元素,0-360度之间,负值均可

Transform: skewY(45deg)


通过六个数值指定矩形,其内部公式计算较为复杂,自行百度

Transform: matrix(1,0,0,1,30,30)


不同的值可以累计,通过空格分割

Transform: rotate(-45deg) scale(1.5)