【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

/

23

2025

Googleさんの
おすすめ

6

/

23

2025

デザインの記事

映画『兄を持ち運べるサイズに』
我が家のエアコン事情