我喜欢遇到一些被忽视的 CSS 宝石，比如 Ken Bellows 在解释它们时揭示的弧度 (grad) 和圈数 (turn) 单位。我不知道，也许你们已经知道它们了，但我确实对它们很陌生。
它们是处理角度的额外选项，其中度数 (deg) 和弧度 (rad) 更常见。我一直偏爱度数来处理旋转。但是，现在我知道可以使用 0.5turn 而不是 180deg 更轻松地表达半旋转，我发现自己会更频繁地使用圈数。
在设计动画或考虑如何向设计添加一些旋转时，您是如何思考的？您可能不会用数字来思考。……您通常不会用度数或弧度来思考。您用完整圈数和圈数的一部分来思考。至少，我这样想。
在查看了他的比较表后，我明白了这一点
| 度数 | 弧度 | 弧度 | 圈数 | 我最喜欢的单位 |
|---|---|---|---|---|
30deg |
0.52rad |
33.33grad |
0.08turn |
弧度 |
45deg |
0.79rad |
50grad |
0.13turn |
弧度 |
60deg |
1.04rad |
66.67grad |
0.17turn |
弧度 |
90deg |
1.57rad |
100grad |
0.25turn |
圈数 |
180deg |
3.14rad |
200grad |
0.5turn |
圈数 |
360deg |
6.28rad |
400grad |
1turn |
圈数 |
720deg |
12.56rad |
800grad |
2turn |
圈数 |
1080deg |
25.12rad |
1200grad |
3turn |
圈数 |
同意！而且这些单位从 IE 9 开始就得到了支持，看来是时候尝试一下了。
（感谢 Rachel Andrew 在她很棒的 CSS Layout News 邮件中分享这一点。）