CSS中的transform-origin属性用于指定元素的变换基点。该属性可以影响元素的旋转、缩放和定位等变换操作的中心点。
默认情况下，元素的变换基点是其中心点。通过设置transform-origin属性，可以将变换基点移动到元素的任何位置，如顶部、底部、左侧、右侧或自定义位置。
该属性的语法为：
transform-origin: x-axis y-axis z-axis;其中，x-axis和y-axis表示变换基点的水平和垂直位置，可以使用长度单位、百分比或关键词来指定。常用的关键词包括：
top：元素顶部中心点bottom：元素底部中心点left：元素左侧中心点right：元素右侧中心点center：元素中心点initial：使用默认值inherit：从父元素继承值另外，z-axis表示变换基点在z轴上的位置，用于3D变换。
举个例子，如果想让一个元素以其左上角为中心点进行旋转，可以这样设置：
transform-origin: left top;需要注意的是，transform-origin属性会影响元素的变换中心点，但不会改变元素本身的位置。如果想要移动元素，应该使用translate变换。
