<angle>

**<angle>** CSS 数据类型表示以度、梯度、弧度或圈表示的角度值。例如，它用于 <gradient> 和某些 transform 函数。

试试看

语法

<angle> 数据类型由一个 <number> 后跟下面列出的一个单位组成。与所有维度一样，单位文字和数字之间没有空格。在数字 0 后面，角度单位是可选的。

可选地，它可以带有一个 + 或 - 符号。正数表示顺时针角度，负数表示逆时针角度。对于给定单位的静态属性，任何角度都可以用各种等效值表示。例如，90deg 等于 -270deg，1turn 等于 4turn。对于动态属性，例如应用 animation 或 transition 时，效果将不同。

单位

deg: 表示以度为单位的角度。一个完整的圆周是 360deg。示例：0deg、90deg、14.23deg。
grad: 表示以梯度为单位的角度。一个完整的圆周是 400grad。示例：0grad、100grad、38.8grad。
rad: 表示以弧度为单位的角度。一个完整的圆周是 2π 弧度，大约为 6.2832rad。1rad 等于 180/π 度。示例：0rad、1.0708rad、6.2832rad。
turn: 表示以圈数为单位的角度。一个完整的圆周是 1turn。示例：0turn、0.25turn、1.2turn。