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` 属性，则默认以元素中心点为旋转中心。

相关问题

.Page .brancha { -webkit-transform-origin: 100% .426667rem; transform-origin: 100% .426667rem; margin-left: .213333rem }

这是一个 CSS 样式表中的类选择器，用于设置一个名为 "brancha" 的元素的样式，该元素嵌套在一个具有名为 ".Page" 的父元素中。该样式设置元素的变换原点为以其右侧底部为基准的点，并将元素向左移动0.213333rem的距离。其中，-webkit-transform-origin和transform-origin属性用于设置元素变换的原点，margin-left属性用于设置元素的左侧外边距。这种样式通常用于实现页面中的布局或动画效果。

transform-origin

transform-origin 是 CSS 的一个属性，用于设置元素的变换基点。它定义了元素变换的原点，即元素围绕该点进行旋转、缩放和倾斜等变换操作。

transform-origin 属性接受不同的参数值，可以是像素值、百分比值或关键字。常见的关键字有 top、bottom、left、right 和 center。

例如，transform-origin: 50% 50% 表示元素变换的原点位于元素的中心点。而 transform-origin: top left 表示变换的原点位于元素的左上角。

通过设置 transform-origin 属性，我们可以改变元素变换的起始点，从而实现不同的效果。