CSS の角度単位は次のとおりです: 1. deg、度 (Degress)、円は合計 360 度; 2. grad、gradients (グラジアン)、円には合計 400 の勾配があります; 3 . rad、ラジアン (Radians) )、円は合計 2π ラジアン; 4.turn、turns (Turns)、円は合計 1 回転します。
css の角度単位
##1、deg脱退。円の合計は 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
グラディアン。円には合計 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
ラジアン。円は合計 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>
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 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
