transform-origin得作用

`transform-origin` 属性用于指定元素变换的中心点。当我们对元素进行旋转、缩放、倾斜等变换操作时，元素默认的中心点是元素的中心点，而 `transform-origin` 属性可以改变这个中心点，从而达到不同的变换效果。

该属性的值可以是一个关键字（如 `top`、`left`、`center` 等），也可以是一个长度值（如 `50px`、`10%` 等），或者是两个长度值组成的坐标值（如 `50px 50px`、`10% 20%` 等）。

例如，如果我们想让一个元素以其左上角为中心点进行旋转，可以这样设置：

transform-origin: left top;
transform: rotate(45deg);

这样，元素将以其左上角为中心点顺时针旋转 45 度。如果不设置 `transform-origin` 属性，则默认以元素中心点为旋转中心。