transform

CSS transform 属性允许你旋转，缩放，倾斜或平移给定元素。这是通过修改 CSS 视觉格式化模型的坐标空间来实现的。

<https://developer.mozilla.org/zh-CN/docs/Web/CSS/transform>

更多 transform-function 参考文档 <https://developer.mozilla.org/zh-CN/docs/Web/CSS/transform-function>

• rotate(360deg) 旋转 rotateX rotateY rotateZ
• scale(1.5) 缩放 scaleX scaleY scaleZ scale3d
• skew(30deg, 60deg) 二维平面上的倾斜转换
• translate(10px, 20px) 平移
• perspective(200px) 指定了观察者与 z=0 平面的距离，使具有三维位置变换的元素产生透视效果
• matrix(a,b,c,d,e,f) 指定了一个由指定的 6 个值组成的 2D 变换矩阵