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

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

-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。

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