45度の回転を実現するにはCSSの属性は何ですか?

WBOY
リリース: 2021-11-22 11:26:45
オリジナル
16104 人が閲覧しました

45度回転を実現するCSS属性はtransform属性です。時計回りに回転したい場合は「transform:rotate(45deg)」スタイルを要素に追加します。反時計回りに回転したい場合は要素に「transform:rotate(45deg)」スタイルを追加します。 「transform:rotate(()".315deg)」スタイル。

45度の回転を実現するにはCSSの属性は何ですか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

CSS で 45 度回転できる属性は何ですか?

要素を 45 度回転できる CSS の属性は、transform です。

transform プロパティは、要素に 2D または 3D 変換を適用します。このプロパティを使用すると、要素を回転、拡大縮小、移動、または傾けることができます。

構文は次のとおりです。

transform: none|transform-functions;
ログイン後にコピー

rotate(angle) パラメーターは 2D 回転を定義し、角度はパラメーターで指定されます。

例は次のとおりです:

1. CSS を使用して正方形の div を 45 度回転する方法を説明するために、test.html という名前の新しい HTML ファイルを作成します。テスト用に div を使用してモジュールを作成します。 div の class 属性を 1 に設定します。

css タグで、クラスを通じて div のスタイルを設定し、幅を 150 ピクセル、高さを 150 ピクセル、背景色を黄色、マージンを 100 ピクセルとして定義します。

45度の回転を実現するにはCSSの属性は何ですか?

#2. css タグで、transform 属性を使用して、rotate を 45deg に設定し、div を 45 度回転します。

45度の回転を実現するにはCSSの属性は何ですか?

結果は次のとおりです:

45度の回転を実現するにはCSSの属性は何ですか?

概要:

1. 使用します。 div でモジュールを作成するには、div の class 属性を 1 に設定します。

2. css タグで、クラスを通じて div のスタイルを設定し、幅を 150 ピクセル、高さを 150 ピクセル、背景色を黄色、マージンを 100 ピクセルとして定義します。

3. css タグで、transform 属性を使用して、rotate を 45deg に設定し、div を 45 度回転します。

(学習ビデオ共有: css ビデオ チュートリアル)

以上が45度の回転を実現するにはCSSの属性は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート