grad

版本：CSS3

百分度。一个完整的圆是 400grad。例：0grad，100grad，38.8grad。

浏览器支持


IE9以上版本的浏览器都支持`grad`数据类型

语法

<angle>数据类型由<number>和下列单位组成。数字与单位之间没有空格。数字为0时，单位可以省略。

<angle>>turn圈数。一个完整的圆是1turn。例：0turn，0.25turn，1.2turn。

说明：

梯度（Gradians）。一个圆共400梯度

90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

CSS数据类型<angle>用于表示角的大小，单位为度（degrees）、百分度（gradians）、弧度（radians）或圈数（turns）。在<gradient>和transform的某些方法等场景中有所应用。

例子

直角	`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(2grad);
	-webkit-transform:rotate(2grad);
	transform:rotate(2grad);
}
</style>
</head>
<body>
<div class="test">transform:rotate(5grad);</div>
</body>
</html>

效果图：