新！ 我的 44 页电子书“CSS 在 44 分钟内”出版了！ 😃

立即获取 →

#transform-origin

定义由 transform 属性定义的转换的原点。

默认 transform-origin: 50% 50% 0;

转换原点位于元素的中心。

transform-origin: 20px 70%;

您可以使用2 个值

  • 第一个值是水平轴
  • 第二个值是垂直轴

transform-origin: top right;

您可以组合使用位置关键字：center、top、bottom、left 和 right。

transform-origin: center bottom;

使用关键字时，您可以更改轴的顺序，只要每个关键字都明确无误。