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

7

/

14

2024

Googleさんの
おすすめ

7

/

14

2024

デザインの記事

株式会社High Link
自主映画『アット・ザ・ベンチ』第2編「まわらない」
【jQuery】スライダープラグイン「slick」実装サンプル集