【CSS】transform(トランスフォーム)の基点(原点)

【CSS】transform(トランスフォーム)の基点(原点)

transform:rotateで少し回転(角度を変える)。
transform-originで基点をleft、topに指定。
基点は自由に変えることができる。
左下を基点にするなら、left、bottom。

サンプル

See the Pen transform(トランスフォーム)の基点(原点) by 125naroom (@125naroom) on CodePen.

Author

デザコト

あ、いいな、と思うWebデザインを紹介しています。デザインの参考に。やさしいデザインが多いです。Webデザインギャラリー『デザインのこと - Web design gallery』を運営しています。

Googleさんの
おすすめ

2

/

22

2025

Googleさんの
おすすめ

2

/

22

2025

デザインの記事

カロア
  • 2025.02.19New
  • カロア
  • 国内、海外のウェブデザイン、パソコン・タブレット・スマートフォンでも見やすいレスポンシブ対応の「あ、いいな」と思うウェブデザインを集めています。
  • デザインのこと – Web design gallery
映画『ファーストキス 1ST KISS』
【jQuery】スライダープラグイン「slick」実装サンプル集