今天小编跟大家讲解下有关CSS的deg是什么单位? ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关CSS的deg是什么单位? 的相关资料,希望小伙伴们看了有所帮助。
deg是css中的一个角度单位,表示度(Degress),一个圆共360度。在css中角度单位有:度(deg)、梯度(grad)、弧度(rad)。无论如何声明,这些值都会解释为0~360范围内的度数。如:-90deg=270deg。
各角度值之间的转换:
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad示例:
<!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;transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);line-height: 100px;text-align: center;}</style></head><body><div><p>Hello World</p></div></body></html>结果分析:
1、rotate(角度)的效果是让标签以中心为参照点旋转指定的角度。2、当角度为正值时,顺时针旋转。3、当角度为负值时,逆时针旋转。
来源:爱蒂网