transform-origin

transform-origin属性用于指定元素变换的原点。它定义了元素变换的中心点，可以控制元素的旋转、缩放和倾斜等变换效果。transform-origin属性接受三个值，分别表示X轴、Y轴和Z轴的偏移量。

以下是一个示例：

.outer {
  width: 100px;
  height: 100px;
  background-color: #6a5acd8c;
  margin: 200px;
  position: relative;
}

.inner {
  transform: rotate(45deg);
  transform-origin: 50% 50% 0;
  width: 100%;
  height: 100%;
  background-color: #6a5acdeb;
}

在上面的示例中，`.inner`元素被旋转了45度，并且`transform-origin`属性被设置为`50% 50% 0`，表示元素的变换中心点位于元素的中心。