CSS의 각도 단위는 무엇입니까?-CSS 튜토리얼-php.cn

CSS의 각도 단위는 무엇입니까?

青灯夜游

풀어 주다： 2020-11-20 16:26:05

원래의

11418명이 탐색했습니다.

CSS의 각도 단위는 다음과 같습니다. 1. deg, 도(Degress), 총 360도의 원 2. grad, 그래디언트(Gradians), 총 400개의 그래디언트가 있는 원 3. rad, 라디안 (라디안), 원 총 2π 라디안; 4. 회전, 원은 총 1회전합니다.

CSS의 각도 단위는 무엇입니까?

CSS의 각도 단위

1, deg

degree(Degress). 원은 총 360도입니다

90deg = 100grad = 0.25turn ≒ 1.570796326794897rad

CSS의 각도 단위는 무엇입니까?

<!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

CSS의 각도 단위는 무엇입니까?

<!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

라디안(라디안)이 있습니다. 원은 총 2π 라디안

90deg = 100grad = 0.25turn ≒ 1.570796326794897rad

CSS의 각도 단위는 무엇입니까?

<!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

회전합니다. 원은 총 1회전입니다

90deg = 100grad = 0.25turn ≒ 1.570796326794897rad

CSS의 각도 단위는 무엇입니까?

<!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 중국어 웹사이트의 기타 관련 기사를 참조하세요!