CSS transform中的rotate的旋转中心怎么设置

2025-01-07 09:43:09
推荐回答(2个)
回答1:

-webkit-transform-origin: center bottom;
transform-origin: center bottom
transform-origin:[ | | left | center① | right
] [ | | top | center② | bottom
]?
默认值:50% 50%,效果等同于center
center

适用于:所有块级元素及某些内联元素

继承性:无
取值:


用百分比指定坐标值。可以为负值。


用长度值指定坐标值。可以为负值。

left:
指定原点的横坐标为left

center①:
指定原点的横坐标为center

right:
指定原点的横坐标为right

top:
指定原点的纵坐标为top

center②:
指定原点的纵坐标为center

bottom:
指定原点的纵坐标为bottom

说明:

设置或检索对象以某个原点进行转换。

该属性提供2个参数值。
如果提供两个,第一个用于横坐标,第二个用于纵坐标。
如果只提供一个,该值将用于横坐标;纵坐标将默认为50%。
对应的脚本特性为transformOrigin。

回答2:

.xx{
transform-origin:0px 0px;
}
就可以啦。
可以写像素,百分比,也可以写 left right center bottom
默认是 center center
可以为负数,也就是定义旋转中心在盒子之外。