• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • rad

    版本:CSS3

    弧度。一个完整的圆是 2π弧度,约等于 6.2832rad。1rad 是 180/π度。例:0rad,1.0708rad,6.2832rad。

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    IE9以上版本的浏览器都支持rad

    语法

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

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

    说明:

    弧度(Radians)。一个圆共2π弧度

    90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

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

    例子

    直角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"/>
    <style>
    .test{
    	height:100px;
    	background:#eee;
    	-moz-transform:rotate(2rad);
    	-webkit-transform:rotate(2rad);
    	transform:rotate(2rad);
    }
    </style>
    </head>
    <body>
    	<div class="test">transform:rotate(2rad);</div>
    </body>
    </html>
    

    效果图:

    上篇:grad

    下篇:turn