ホームページ > 記事 > ウェブフロントエンド > css3での度の単位は何ですか?
css3での度の単位は何ですか?
- 青灯夜游オリジナル
- 2022-02-28 17:12:4510585ブラウズ
CSS3 では、deg は角度単位であり、正式名は「Degress」で、「度」を意味します。角度の範囲は「0 ～ 360」度 (度) で、負の値を指定することもできます。負の数値の場合は、逆時針になります。
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
CSS3 では、deg は角度の単位で、正式名は「Degress」で、「度」を意味します。
#角度値間の変換:円は合計 360 度なので、角度の範囲は「0 ～ 360」度 (度) になります。もちろん、負の数も可能です。負の数の場合は反時計回りになります。
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
#例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css 边框阴影--filter:drop-shadow()</title>
<style>
div {
margin: 30px;
width: 200px;
height: 100px;
background-color: yellow;
line-height: 100px;
text-align: center;
}
</style>
</head>
<body>
<div>
<p>Hello World</p>
</div>
</body>
</html>
次のスタイルを div に追加すると、要素は時計回りに 90 度回転します
/* Rotate div */ transform: rotate(90deg); -ms-transform: rotate(90deg); /* Internet Explorer */ -moz-transform: rotate(90deg); /* Firefox */ -webkit-transform: rotate(90deg); /* Safari 和 Chrome */ -o-transform: rotate(90deg); /* Opera */
/* Rotate div */ transform: rotate(-90deg); -ms-transform: rotate(-90deg); /* Internet Explorer */ -moz-transform: rotate(-90deg); /* Firefox */ -webkit-transform: rotate(-90deg); /* Safari 和 Chrome */ -o-transform: rotate(-90deg); /* Opera */
以上がcss3での度の単位は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。