<angle>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

CSS 数据类型 <angle> 用于表示角的大小，单位为度（degrees）、百分度（gradians）、弧度（radians）或圈数（turns）。在 <gradient> 和 transform 的某些方法等场景中有所应用。

语法

<angle> 数据类型由 <number> 和下列单位组成。数字与单位之间没有空格。数字为 0 时，单位可以省略。

<angle> 可以使用 + 或 - 开头。正数表示顺时针的角，负数表示逆时针的角。对于静态的角，同样的角度可以使用任意等效的值表示。比如 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。

示例

	直角：`90deg = 100grad = 0.25turn ≈ 1.5708rad`
	平角：`180deg = 200grad = 0.5turn ≈ 3.1416rad`
	直角（逆时针）：`-90deg = -100grad = -0.25turn ≈ -1.5708rad`
	零角：`0 = 0deg = 0grad = 0turn = 0rad`

规范

Specification
CSS Values and Units Module Level 4 # angles

浏览器兼容性

BCD tables only load in the browser