ホームページ > 記事 > ウェブフロントエンド > CSSの画像反転属性とは何ですか
CSSの画像反転属性とは何ですか
- 王林オリジナル
- 2021-03-03 11:58:252978ブラウズ
CSS の画像反転属性は、transform です。変換属性は、要素の 2D または 3D 変換に適用されます。この属性を使用して、要素の回転、移動、傾斜、およびその他の操作を行うことができます。構文は、「transform: none|transform-functions;」、反転関数です。変換によってサポートされるものには、rotate()、rotate3d()、rotateX()、rotateY()、rotateZ() が含まれます。
transform 属性の概要:
Transform 属性は、要素の 2D または 3D 変換に適用されます。このプロパティを使用すると、要素の回転、拡大縮小、移動、傾斜などを行うことができます。 構文:transform: none|transform-functions;一般的に使用される反転属性値:
- rotate(angle) で指定される 2D 回転を定義します。パラメータの角度。
- rotate3d(x,y,z,angle) 3D 回転を定義します。
- rotateX(angle) X 軸に沿った 3D 回転を定義します。
- rotateY(angle) Y 軸に沿った 3D 回転を定義します。
- rotateZ(angle) Z 軸に沿った 3D 回転を定義します。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
<style>
div
{
width:200px;
height:100px;
background-color:yellow;
/* Rotate div */
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
}
</style>
</head>
<body>
<div>Hello</div>
</body>
</html> 実行結果: 
CSS ビデオ チュートリアル )
以上がCSSの画像反転属性とは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。