向水平和垂直各移动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)