css中的角度单位有哪些？-css教程-PHP中文网

css中的角度单位有哪些？

青灯夜游

发布： 2020-11-20 16:26:05

原创

12053人浏览过

css中的角度单位有：1、deg，度（Degress），一个圆共360度；2、grad，梯度（Gradians），一个圆共400梯度；3、rad，弧度（Radians），一个圆共2π弧度；4、turn，圈（Turns），一个圆共1圈。

css中的角度单位有哪些？

css中的角度单位

1、deg

度（Degress）。一个圆共360度

90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

立即学习“前端免费学习笔记（深入）”；

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
.test{
height:100px;background:#eee;
-moz-transform:rotate(2deg);
-webkit-transform:rotate(2deg);
-o-transform:rotate(2deg);
-ms-transform:rotate(2deg);
transform:rotate(2deg);
}
</style>
</head>
<body>
<div>transform:rotate(2deg);</div>
</body>
</html>

登录后复制

2、grad

梯度（Gradians）。一个圆共400梯度

90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

立即学习“前端免费学习笔记（深入）”；

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
.test{
height:100px;background:#eee;
-moz-transform:rotate(2grad);
-webkit-transform:rotate(2grad);
-o-transform:rotate(2grad);
-ms-transform:rotate(2grad);
transform:rotate(2grad);
}
</style>
</head>
<body>
<div>transform:rotate(2grad);</div>
</body>
</html>

登录后复制

3、rad

j2me3D游戏开发简单教程中文WORD版

本文档主要讲述的是j2me3D游戏开发简单教程；　如今，3D图形几乎是任何一部游戏的关键部分，甚至一些应用程序也通过用3D形式来描述信息而获得了成功。如前文中所述，以立即模式和手工编码建立所有的3D对象的方式进行开发速度很慢且很复杂。应用程序中多边形的所有角点必须在数组中独立编码。在JSR 184中，这称为立即模式。希望本文档会给有需要的朋友带来帮助；感兴趣的朋友可以过来看看

查看详情

弧度（Radians）。一个圆共2π弧度

90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

立即学习“前端免费学习笔记（深入）”；

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
.test{
height:100px;background:#eee;
-moz-transform:rotate(2rad);
-webkit-transform:rotate(2rad);
-o-transform:rotate(2rad);
-ms-transform:rotate(2rad);
transform:rotate(2rad);
}
</style>
</head>
<body>
<div>transform:rotate(2rad);</div>
</body>
</html>

登录后复制

4、turn

转、圈（Turns）。一个圆共1圈

90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

立即学习“前端免费学习笔记（深入）”；

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
.test{
height:100px;background:#eee;
-webkit-transform:rotate(.5turn);
-o-transform:rotate(.5turn);
-ms-transform:rotate(.5turn);
transform:rotate(.5turn);
}
</style>
</head>
<body>
<div>transform:rotate(.5turn);</div>
</body>
</html

登录后复制

更多编程相关知识，请访问：编程教学！！

以上就是css中的角度单位有哪些？的详细内容，更多请关注php中文网其它相关文章！