css rotate 旋转原点

CSS中的旋转变换默认的原点是元素的中心点，但是我们可以通过transform-origin属性来指定旋转的原点。transform-origin属性接受两个值，第一个值是水平方向的位置，可以使用left、center、right、百分比或者像素值来指定；第二个值是垂直方向的位置，可以使用top、center、bottom、百分比或者像素值来指定。例如：

transform-origin: center center; /* 旋转中心点为元素中心 */
transform-origin: left top; /* 旋转中心点为元素左上角 */
transform-origin: 50% 0; /* 旋转中心点为元素顶部中心 */

如果只指定一个值，那么第二个值默认为50%，也就是元素的中心点。