头闻号

广州市源硕化工有限公司

其他醇类|分析试剂|烯烃|羧酸|胺|环氧树脂

首页 > 新闻中心 > 科技常识:CSS的deg是什么单位?
科技常识:CSS的deg是什么单位?
发布时间:2024-10-06 09:18:59        浏览次数:6        返回列表

今天小编跟大家讲解下有关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、当角度为负值时,逆时针旋转。

来源:爱蒂网