CSSで画像を90度回転させる方法

CSS で画像を 90 度回転する方法: [transform:rotate(90deg)] など、transform 属性を使用して画像を回転します。変換属性は要素の 2D または 3D 変換に使用され、要素の回転、拡大縮小、移動、傾斜を可能にします。

プロパティの紹介:

Transform プロパティは、要素の 2D または 3D 変換に適用されます。このプロパティを使用すると、要素の回転、拡大縮小、移動、傾斜などを行うことができます。

(学習ビデオの推奨事項:css ビデオ チュートリアル)

文法:

transform: none|transform-functions;

属性値:

• none 定義は変換されません。

• translate(x,y) 2D 変換を定義します。

• translate3d(x,y,z) 3D 変換を定義します。

• translateX(x) X 軸の値のみを使用して、変換を定義します。

• translateY(y) Y 軸の値のみを使用して、変換を定義します。

• translateZ(z) Z 軸値のみを使用して 3D 変換を定義します。

コード実装:

     
  
 正常图片  


 
 图片旋转90度  
  

実装効果:

推奨チュートリアル:CSSチュートリアル＃＃＃＃＃＃

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