<angle> - CSS（层叠样式表） 编辑

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

规范

浏览器兼容性

BCD tables only load in the browser