<angle>
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