125naroom / デザインするところ(会社)です。

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

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

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

サンプル

See the Pen rZoaNw by 125naroom (@125naroom) on CodePen.

おすすめ

Googleさんのおすすめ

Googleさんのおすすめ

デザインの記事

JANAI COFFEE
  • 2023.03.24New
  • JANAI COFFEE
  • 国内、海外のウェブデザイン、パソコン・タブレット・スマートフォンでも見やすいレスポンシブ対応の「あ、いいな」と思うウェブデザインを集めています。
  • デザインのこと – Web design gallery
ちょっと思い出しただけ
【CSS】『shape-outside』でテキストの回り込みを円形にしてみる