<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
时,显示效果则不一样。
单位
示例
直角: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