transform-origin:

transform-origin属性用于设置元素变换的基点（或称为中心点）。基点是指元素在进行变换时，围绕基点进行旋转、缩放或倾斜等操作。该属性的默认值为50% 50% 0，即元素的中心点。你可以通过指定百分比、长度值或关键字来改变基点的位置。例如，如果你设置transform-origin: top left，则基点位于元素的左上角。

相关问题

transform-origin：right

`transform-origin: right;` 是一种CSS属性，它定义了一个元素在进行旋转、缩放、倾斜等变换时的基准点，即变换的起始点。这里的 `right` 指定了基准点在元素的右侧中心位置。因此，如果对元素应用 `transform: rotate(45deg)`，它会以右侧中心点为基准点进行旋转。

transform-origin：left

`transform-origin: left;` 的意思是将元素的变换中心点设置在元素的左边缘中心。在进行变换操作时，元素会以左边缘中心为中心点进行变换。具体效果取决于所应用的变换类型和变换参数。

例如，如果我们希望将一个元素沿着其左边缘中心点进行旋转 45 度，可以这样设置：

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

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