transform-origin
属性可以设置以下变换原点:
top
left
right
bottom
center
x-axis
y-axis
z-axis
initial
inherit
其中,x-axis
、y-axis
和 z-axis
分别指定了三维空间中的 x、y 和 z 轴。同时,也可以使用长度单位或百分比来指定变换原点相对于元素自身的位置。
该属性常用于配合 transform
属性实现元素的旋转、缩放、平移等变换效果。
关键词高亮: transform-origin
、top
、left
、right
、bottom
、center
、x-axis
、y-axis
、z-axis
、initial
、inherit
、transform
、旋转、缩放、平移。