基本缩放

transform:scaleX(x)

x表示元素沿着水平方向（X轴）缩放的倍数，如果大于1就代表放大；如果小于1就代表缩小。

transform:scaleY(y)

y表示元素沿着垂直方向（Y轴）缩放的倍数，如果大于1就代表放大；如果小于1就代表缩小。

transform:scale(x,y)

x表示元素沿着水平方向（X轴）缩放的倍数，y表示元素沿着垂直方向（Y轴）缩放的倍数。注意，Y是一个可选参数，如果没有设置Y值，则表示X、Y两个方向的缩放倍数是一样的（同时放大相同倍数）。

transform:scaleZ(z)

scalez用于设置对象在Z轴的大小缩放，表达式中的表示缩放尺寸，例如，缩小取 .8(缩小到原来的80%)，放大取 1.5(放大到原来的1.5倍)。

transform:scale3d(x,y,z)

第一个：表示对象在 X 轴缩放，不能省略；

第二个：表示对象在 Y 轴缩放，不能省略；

第三个：表示对象在 Z 轴缩放，不能省略。

缩放基准点

使用transform-origin来进行控制

transform-origin: x y

共两个参数，表示相对左上角原点的距离，单位px，第一个参数表示相对左上角原点水平方向的距离，第二个参数表示相对左上角原点垂直方向的距离；两个参数除了可以设置为具体的像素值，其中第一个参数可以指定为left、center、right，第二个参数可以指定为top、center、bottom