css 旋转 设置中心线 旋转

CSS中旋转的设置中心线是通过transform-origin属性来实现的。该属性用于设置元素旋转的中心点，可以使用以下方式进行设置：

1. 使用关键字：transform-origin: center; 表示中心点为元素的中心点。

2. 使用百分比：transform-origin: 50% 50%; 表示中心点为元素宽高的50%处。

3. 使用具体数值：transform-origin: 100px 200px; 表示中心点为距离元素左侧100px，上侧200px处。

旋转的具体设置可以使用transform属性，例如：

transform: rotate(30deg); 表示将元素顺时针旋转30度。

transform: rotateX(30deg); 表示将元素绕X轴顺时针旋转30度。

transform: rotateY(30deg); 表示将元素绕Y轴顺时针旋转30度。

transform: rotateZ(30deg); 表示将元素绕Z轴顺时针旋转30度。

注意：旋转的单位为度数（deg），负数表示逆时针旋转。