我的位置: 首页  >   揭秘CSS  >   1.4.7 角度

1.4.7 角度

编辑:比特教程网    时间:2018-09-25 12:41    


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),元素却不发生旋转。



上一节:1.4.6 时间

下一节:1.5 创建样式表