deg
版本: CSS3
度。一个完整的圆是 360deg。例:0deg,90deg,14.23deg。
浏览器支持
|
|
|
|
|
IE9以上版本的浏览器都支持
deg
数据类型
|
||||
说明:
度(Degrees)。一个圆共360度
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
CSS数据类型
<angle>
用于表示角的大小,单位为度(degrees)、百分度(gradians)、弧度(radians)或圈数(turns)。在
<gradient>
和
transform
的某些方法等场景中有所应用。
语法
<angle>
数据类型由
<number>
和下列单位组成。数字与单位之间没有空格。数字为0时,单位可以省略。
<angle>>turn
圈数。一个完整的圆是
1turn
。例:
0turn
,
0.25turn
,
1.2turn
。
例子
|
直角:
|
平角:
180deg = 200grad = 0.5turn ≈ 3.1416rad
|
直角(逆时针):
-90deg =-100grad =-0.25turn ≈-1.5708rad
|
|
零角:
|
<!DOCTYPE html>
<html lang="zh-cmn-hans">
<head>
<meta charset="utf-8"/>
<title></title>
<style>
.test{
height:100px;
width:400px;
background:#eee;
-moz-transform:rotate(2deg);
-webkit-transform:rotate(2deg);
transform:rotate(2deg);
}
</style>
</head>
<body>
<div class="test">transform:rotate(2deg);</div>
</body>
</html>
效果图: