html css分别是什么单位,CSS的deg是什么单位?

html css分别是什么单位,CSS的deg是什么单位?deg是CSS中的一个角度单位,表示度(Degress),一个圆共360度。下面本篇文章就来给大家简单介绍一下,希望对大家有所帮助。在CSS中角度单位有:度(deg)、梯度(grad)、弧度(rad)。无论如何声明,这些值都会解释为0~360范围内的度数。如:-90deg=270deg。各角度值之间的转换:90deg=100grad=0.25turn≈1.570796326794897…_htmldeg

大家好,欢迎来到IT知识分享网。

deg是CSS中的一个角度单位,表示度(Degress),一个圆共360度。下面本篇文章就来给大家简单介绍一下,希望对大家有所帮助。

673705fddc1957b781ce2fc50e16d436.png

在CSS中角度单位有:度(deg)、梯度(grad)、弧度(rad)。无论如何声明,这些值都会解释为0~360范围内的度数。如:-90deg=270deg。

各角度值之间的转换:90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

度(deg)单位的兼容性

468cd22f5dc5be071216323d77e489fe.png

示例:

css 边框阴影–filter:drop-shadow()

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;

}

Hello World

运行结果:

初始:

e51a6f316a1fce0cd8dc0e79570017c9.png

翻转后:

70833c851983bd8ec3b27e3b54cfd561.png

结果分析:

1、rotate(角度)的效果是让标签以中心为参照点旋转指定的角度。

2、当角度为正值时,顺时针旋转。

3、当角度为负值时,逆时针旋转。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/27513.html

(0)
上一篇 2023-09-16 14:33
下一篇 2023-09-20 13:00

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信