CSS角度单位:deg、grad、rad、turn

来源:互联网 发布:阿迪淘宝正品店 编辑:程序博客网 时间:2024/05/21 22:39

1、deg

度(Degress)。一个圆共360度

90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

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

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

-webkit-transform: rotate(.5turn);transform: rotate(.5turn);

0 0