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

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

このチュートリアルの動作環境: 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 ピクセルとして定義します。

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

結果は次のとおりです:

概要:

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

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

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

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

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