大家好,欢迎来到IT知识分享网。
deg是CSS中的一个角度单位,表示度(Degress),一个圆共360度。下面本篇文章就来给大家简单介绍一下,希望对大家有所帮助。
在CSS中角度单位有:度(deg)、梯度(grad)、弧度(rad)。无论如何声明,这些值都会解释为0~360范围内的度数。如:-90deg=270deg。
各角度值之间的转换:90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
度(deg)单位的兼容性
示例:
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
运行结果:
初始:
翻转后:
结果分析:
1、rotate(角度)的效果是让标签以中心为参照点旋转指定的角度。
2、当角度为正值时,顺时针旋转。
3、当角度为负值时,逆时针旋转。
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/27513.html