css旋转角度单位
在CSS中，旋转角度单位有两种：度数(deg)和弧度数(rad)。
其中，度数是指以360度为一圈的角度单位，可以用正数表示顺时针旋转，负数表示逆时针旋转，例如：
transform: rotate(45deg); /* 将元素顺时针旋转45度 */
而弧度数是指以圆的半径为一弧长的角度单位，可以用数学公式将度数转换为弧度，例如：
transform: rotate(1.57rad); /* 将元素顺时针旋转90度（1.57 ≈ π/2） */
在实际应用中，可以结合CSS的其他属性，如transform-origin、transition等，实现更加丰富的旋转效果，例如：
.box {
width: 100px;
height: 100px;
background-color: #f00;
transform-origin: center;
transition: transform 1s ea;
}
.box:hover {
transform: rotate(180deg);
}
上述代码将一个红色正方形元素设置为旋转中心为中心点，鼠标悬停时将元素顺时针旋转180度，且带有1秒的过渡效果。通过灵活运用旋转角度单位，可以轻松实现各种炫酷的旋转效果。
