角度 | <angle>
CSS数据类型<angle>?用于表示角的大小，单位为度（degrees）、?百分度（gradians）、弧度（radians）或圈数（turns）。在<gradient>和transform的某些方法等场景中有所应用。
<angle>可以使用+或-开头。正数表示顺时针的角，负数表示逆时针的角。对于静态的角，同样的角度可以使用任意等效的值表示。比如90deg等于?-270deg，1turn?等于?4turn。而对于动态的角，比如应用了animation或transition时，显示效果则不一样。
语法
<angle>?数据类型由<number>和下列单位组成。数字与单位之间没有空格。数字为0时，单位可以省略。
单位
实例
? | 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 |
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
