CSS
transform
読み方：トランスフォーム
要素を移動・回転・拡大縮小するプロパティ。translate, rotate, scale などを指定する。
やさしい説明
transformは、要素を移動・回転・拡大縮小するCSSプロパティです。
レイアウトに影響を与えずに見た目だけ変えられるので、アニメーションに最適です。
具体例・使い方
transform: translateX(100px) → 右に100px移動
transform: rotate(45deg) → 45度回転
transform: scale(1.5) → 1.5倍に拡大
関連用語
📖 関連レッスン
レッスンを見る →