变换原点

使用 transform-origin CSS 属性来改变变换的测量起点。以旋转的二维变换为例。

transform: rotate(10deg);
transform-origin: 50% 50%;
/* default */

transform: rotate(10deg);
transform-origin: top;

transform: rotate(10deg);
transform-origin: right;

transform: rotate(10deg);
transform-origin: right top;

transform: rotate(10deg);
transform-origin: 25% 25%;

transform: rotate(10deg);
transform-origin: -20px 20px;