css中transform的rotate方法可以使用的单位

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);

猜你喜欢

转载自blog.csdn.net/haoaiqian/article/details/114096824