CSSで背景を回転させる方法

CSS で背景を回転する方法: 最初にコンテンツのスタイルを定義し、画像が配置される領域の幅と高さを定義してから、transition 属性を使用して画像のトランジション効果を設定します。トランジションを作成し、回転によって変形を設定し、最後にプログラムを実行するだけです。

このチュートリアルの動作環境: Windows7 システム、css3 バージョン、DELL G3 コンピューター。

CSS を使用して背景を回転する方法:

まず、ドキュメント内に 2 つの画像を含む HTML ドキュメントを用意し、次に 2 つの画像を回転します。

次に、次の図に示すように、HTML 内のコンテンツのいくつかのスタイル (主にタイトル スタイルと ul スタイル) を定義します。

#次に、次の図に示すように、画像が配置される li の幅と高さを定義します。

#次に、次の図に示すように、画像のトランジション効果を設定し、トランジションにトランジション属性を使用します。

#マウスが画像上にあるとき、下の図に示すように、回転によって画像に変換を設定します。正の数は時計回りを表し、負の数は反時計回りを表します。 。

最後にプログラムを実行すると、下の図に示すような効果が表示され、マウスを図の上に置くと時計回りまたは反時計回りに回転します。

関連チュートリアルの推奨事項:

CSS ビデオ チュートリアル

以上がCSSで背景を回転させる方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。