揭秘CSS(第 1 版)
1.4.7 角度
阅读(

概述

CSS简介

CSS开发环境

CSS语法

CSS属性的值

时间

URI

颜色

百分数

长度

数字

角度

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 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验