• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • deg

    版本:CSS3

    度。一个完整的圆是 360deg。例:0deg,90deg,14.23deg。

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    IE9以上版本的浏览器都支持deg数据类型

    说明:

    度(Degrees)。一个圆共360度

    90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

    CSS数据类型<angle>用于表示角的大小,单位为度(degrees)、百分度(gradians)、弧度(radians)或圈数(turns)。在<gradient>transform的某些方法等场景中有所应用。

    语法

    <angle>数据类型由<number>和下列单位组成。数字与单位之间没有空格。数字为0时,单位可以省略。

    <angle>>turn圈数。一个完整的圆是1turn。例:0turn0.25turn1.2turn

    例子

    直角:90deg = 100grad = 0.25turn ≈ 1.5708rad

    平角:180deg = 200grad = 0.5turn ≈ 3.1416rad
    直角(逆时针):-90deg =-100grad =-0.25turn ≈-1.5708rad

    零角:0 = 0deg = 0grad = 0turn = 0rad

    <!DOCTYPE html>
    <html lang="zh-cmn-hans">
    <head>
    <meta charset="utf-8"/>
    <title></title>
    <style>
    .test{
    	height:100px;
    	width:400px;
    	background:#eee;
    	-moz-transform:rotate(2deg);
    	-webkit-transform:rotate(2deg);
    	transform:rotate(2deg);
    }
    </style>
    </head>
    <body>
    <div class="test">transform:rotate(2deg);</div>
    </body>
    </html>
    

    效果图:

    上篇:<angle>

    下篇:turn