在CSS中角度单位有：度(deg)、梯度(grad)、弧度(rad)。无论如何声明，这些值都会解释为0~360范围内的度数。如：-90deg=270deg。
各角度值之间的转换：
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
度(deg)单位的兼容性
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css 边框阴影--filter:drop-shadow()</title>
<style>
div {
margin: 30px;
width: 200px;
height: 100px;
background-color: yellow;
/* Rotate div */
transform: rotate(90deg);
-ms-transform: rotate(90deg);
/* Internet Explorer */
-moz-transform: rotate(90deg);
/* Firefox */
-webkit-transform: rotate(90deg);
/* Safari 和 Chrome */
-o-transform: rotate(90deg);
/* Opera */
line-height: 100px;
text-align: center;
}
</style>
</head>
<body>
<div>
<p>Hello World</p>
</div>
</body>
</html>运行结果：
初始：
翻转后：
结果分析：
1、rotate(角度)的效果是让标签以中心为参照点旋转指定的角度。
2、当角度为正值时，顺时针旋转。
3、当角度为负值时，逆时针旋转。
以上就是CSS的deg是什么单位？的详细内容，更多请关注0133技术站其它相关文章！
