1. 首页
  2. SEO百科
  3. Web前端

CSS角度单位:deg、grad、rad、turn小白常识_单位小白攻略

1、deg度(Degress)。一个圆共360度90deg = 100grad = 0.25turn ≈ 1.570796326794897rad-moz-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
transform: rotate(2deg);2、grad梯度(Gradians)。一

CSS角度单位:deg、grad、rad、turn小白常识

1、deg

CSS角度单位:deg、grad、rad、turn小白常识_单位小白攻略

度(Degress)。一个圆共360度

90deg = 100grad = 0.25turn ≈ 1.570796326794897rad


1
2
3
-moz-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
transform: rotate(2deg);

2、grad
梯度(Gradians)。一个圆共400梯度

90deg = 100grad = 0.25turn ≈ 1.570796326794897rad


1
2
3
-moz-transform: rotate(2grad);
-webkit-transform: rotate(2grad);
transform: rotate(2grad);

3、rad
弧度(Radians)。一个圆共2π弧度

90deg = 100grad = 0.25turn ≈ 1.570796326794897rad


1
2
3
-moz-transform: rotate(2rad);
-webkit-transform: rotate(2rad);
transform: rotate(2rad);

4、turn
转、圈(Turns)。一个圆共1圈

90deg = 100grad = 0.25turn ≈ 1.570796326794897rad


1
2
-webkit-transform: rotate(.5turn);
transform: rotate(.5turn);
海计划公众号