角度 | <angle>
<angle>
CSS数据类型<angle> 用于表示角的大小，单位为度（degrees）、 百分度（gradians）、弧度（radians）或圈数（turns）。在<gradient>和transform的某些方法等场景中有所应用。
<angle>可以使用+或-开头。正数表示顺时针的角，负数表示逆时针的角。对于静态的角，同样的角度可以使用任意等效的值表示。比如90deg等于 -270deg，1turn 等于 4turn。而对于动态的角，比如应用了animation或transition时，显示效果则不一样。
语法
<angle> 数据类型由<number>和下列单位组成。数字与单位之间没有空格。数字为0时，单位可以省略。
单位
deg——度。一个完整的圆是360deg。例：0deg，90deg，14.23deg。
实例
| | A right angle: 90deg = 100grad = 0.25turn ≈ 1.5708rad |
|---|---|
| | A flat angle: 180deg = 200grad = 0.5turn≈ 3.1416rad |
| | A right angle (counterclockwise): -90deg = -100grad = -0.25turn ≈ -1.5708rad |
| | A null angle: 0 = 0deg = 0grad = 0turn = 0rad |
规范
| Specification | Status | Comment |
|---|---|---|
| CSS Values and Units Module Level 3The definition of '<angle>' in that specification. | Candidate Recommendation | Initial definition. |
浏览器兼容性
| Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Basic support | 2 (528.17) | (Yes) | 3.6 (1.9.2) | 9.0 | (Yes) | 4.0 (528.17) |
| turn unit | (Yes) | (Yes) | 13.0 | 9.0 | (Yes) | 10 |
| Feature | Android | Chrome | Edge | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|---|
| Basic support | ? | (Yes) | (Yes) | (Yes) | ? | No support | ? |
| turn unit | No support | (Yes) | (Yes) | 13.0 | ? | No support | No support |
