CSS中的角度

CSS中，有 4 种表示角度的单位：度（deg）、弧度（rad）、圈（turn）、梯度（grad）。角度允许为负值。

一个圆周总是等于 360 度、或 2π 弧度、或 1 圈、或 400 梯度。所以，90 度就可以声明为 90deg、或1.57rad或0.25turn、或100grad。

无论使用哪种单位进行声明，角度的值都会解释为 0 ~ 360 度范围内的度数。所以，720deg 等同于0deg，-90deg 等同于 270deg。

但是，需要特别注意，这里只表示最终得到值相同，而有时候，它们的意义和效果却完全不同。如，在为一个元素定义过渡效果时，如果指定transform: rotate(720deg)，元素会顺时针旋转两周，如果指定transform: rotate(0deg)，元素却不发生旋转。

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。