CSS3 rotation 属性

CSS属性rotation用于指定元素的旋转角度。通过设置不同的旋转角度，可以实现元素在页面上的旋转效果。

语法

rotation: <角度值>;

• <角度值>：表示元素的旋转角度，可以是正值（顺时针旋转）或负值（逆时针旋转），单位为度（deg）。

示例

.rotate {
  rotation: 45deg;
}

上述代码会将具有rotate类的元素顺时针旋转45度。

注意事项

• 旋转角度为正值时，表示顺时针旋转；为负值时，表示逆时针旋转。
• 可以通过transform-origin属性来指定旋转的中心点。
• 旋转角度不会改变元素的实际位置，只是视觉上的旋转效果。

通过rotation属性，可以实现元素在页面上的旋转效果，为页面增添动态和趣味性。