旋转

rotate 属性允许你单独设置 transform 的旋转属性。这种映射方式可以让我们更方便的设置我们想要的效果，并且避免了简写形式需要记忆属性顺序的不方便之处。

旋转是CSS变换中最常用的功能之一，它可以让元素围绕一个点进行旋转。通过rotate属性，开发者可以精确控制元素的旋转角度，从而创造出各种视觉效果。

该属性在所有现代浏览器中都得到了广泛支持，包括Chrome、Firefox、Safari和Edge等。自2022年8月以来，这一功能已在所有主流浏览器中可用，为开发者提供了稳定可靠的旋转效果实现方式。

使用rotate属性时，可以通过指定角度值来控制旋转程度。正值表示顺时针旋转，负值表示逆时针旋转。角度单位可以是度(deg)、弧度(rad)或梯度(grad)等，其中度是最常用的单位。

除了基本的旋转功能外，rotate还可以与其他变换属性组合使用，如translate和scale，从而创建更复杂的变换效果。这种灵活性使得旋转在网页设计中有着广泛的应用，从简单的装饰元素到复杂的动画效果。