rad
版本:CSS3
弧度。一个完整的圆是 2π弧度,约等于 6.2832rad。1rad 是 180/π度。例:0rad,1.0708rad,6.2832rad。
浏览器支持
![]() | ![]() | ![]() | ![]() | ![]() |
IE9以上版本的浏览器都支持rad | ||||
语法
<angle>数据类型由<number>和下列单位组成。数字与单位之间没有空格。数字为0时,单位可以省略。
<angle>>turn圈数。一个完整的圆是1turn。例:0turn,0.25turn,1.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>
效果图:






