[分享]css中常用的角度单位换算

CSS中常用的角度单位有三种：度（deg）、弧度（rad）和梯度（grad）。这三种单位可以互相转换，下面就来一起学习一下它们之间的换算关系。1deg π/180rad 0.9grad 1rad ...

CSS中常用的角度单位有三种：度（deg）、弧度（rad）和梯度（grad）。这三种单位可以互相转换，下面就来一起学习一下它们之间的换算关系。

1deg = π/180rad = 0.9grad
1rad = 180/πdeg = 200/πgrad
1grad = 0.9deg = π/200rad 

第一行是度转换为弧度和梯度的公式，第二行是弧度转换为度和梯度的公式，第三行是梯度转换为度和弧度的公式。

以度为基准，简单的说可以把度转换成弧度和梯度，直接用圆周率π除以180度即可。同理，以弧度或梯度为基准，也可以按照上述公式进行转换。

使用这三种角度单位可以轻松地实现旋转、倾斜等效果。相信通过这篇文章的学习，你也可以更深入地了解它们之间的换算关系，并且运用到自己的前端开发中。