【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さんの
おすすめ

6

/

2

2025

Googleさんの
おすすめ

6

/

2

2025

デザインの記事

natomi宿|古民家をリノベーションした宿
洗濯機の下
  • 2025.05.28New
  • 洗濯機の下
  • そっとしている場所があります。そっとするのはやめることにしました。 掃除したくても…
  • いつかのこと