CSS rotate 属性

更改元素的旋转：

div {
rotate: 30deg;
}

定义和用法

这个rotate属性允许您旋转元素。

这个rotate属性定义元素绕 z 轴顺时针旋转的值。要绕 x 轴或 y 轴或以其他方式旋转元素，必须对其进行定义。

值rotate属性可以以一个角度、轴名称 + 角度或三个值 + 角度的形式给出。

为了更好地理解rotate属性，查看演示。

笔记：旋转元素的另一种技术是使用 CSStransformCSS 属性rotate()功能。 CSSrotate正如本网页所解释的，property 可以说是一种更简单、更直接的缩放元素的方法。

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
rotate	104	104	72	14.1	90

rotate: axis angle|initial|inherit;

Property Value	Description	Demo
axis	Optional. If not set, z-axis is default. Defines axis to rotate element around. Possible values: x y z	Demo ❯
angle	Defines how much an element is rotated. Possible units: deg rad turn	Demo ❯
vector angle	Three numbers define a vector for the element to be rotated around. The numbers are x-, y- and z-coordinates for the vector, respectively. The last value is the angle for how much to rotate. Possible values: number number number angle	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit