CSSの角度単位とは何ですか?-CSSチュートリアル-php.cn

CSSの角度単位とは何ですか?

青灯夜游

リリース： 2020-11-20 16:26:05

オリジナル

11385 人が閲覧しました

CSS の角度単位は次のとおりです: 1. deg、度 (Degress)、円は合計 360 度; 2. grad、gradients (グラジアン)、円には合計 400 の勾配があります; 3 . rad、ラジアン (Radians) )、円は合計 2π ラジアン; 4.turn、turns (Turns)、円は合計 1 回転します。

CSSの角度単位とは何ですか?

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>

ログイン後にコピー

CSSの角度単位とは何ですか? 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 CSSの角度単位とは何ですか?

ラジアン。円は合計 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

CSSの角度単位とは何ですか?

ターン、サークル (ターン)。円は合計 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の角度単位とは何ですか?