deg

版本: CSS3

度。一个完整的圆是 360deg。例:0deg,90deg,14.23deg。

浏览器支持

IE浏览器 火狐浏览器 opera浏览器 chrome浏览器 safari浏览器
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

例子

直角: 90deg = 100grad = 0.25turn ≈ 1.5708rad

平角: 180deg = 200grad = 0.5turn ≈ 3.1416rad
直角(逆时针): -90deg =-100grad =-0.25turn ≈-1.5708rad

零角: 0 = 0deg = 0grad = 0turn = 0rad

<!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>

效果图:

上篇: <angle>

下篇: grad