html5 CSS角度单位：deg、grad、rad、turn --------transform用法

p {

display: inline-block;

background:yellow;

transform:rotate(20grad);

}

1、deg

度（Degress）。一个圆共360度

 

90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

2、grad
梯度（Gradians）。一个圆共400梯度

90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

-moz-transform: rotate(2grad);
-webkit-transform: rotate(2grad);
transform: rotate(2grad);
3、rad
弧度（Radians）。一个圆共2π弧度

90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

-moz-transform: rotate(2rad);
-webkit-transform: rotate(2rad);
transform: rotate(2rad);
4、turn
转、圈（Turns）。一个圆共1圈

90deg = 100grad = 0.25turn ≈ 1.570796326794897rad