CSSのtransform（2D）について徹底解説！アニメーションなどによく使われるトランスフォームについて学びましょう！

transformを気軽にシミュレートするためのツールを作りました！
是非ご活用ください。
https://front-end-tools.com/generateTransform/


要素を変形することができる、CSSのtransform（トランスフォーム）について紹介しています。
・translate（トランスレート。移動）
・rotate（ロテート。回転）
・scale（スケール。伸縮）
・skew（スキュー。歪み・傾斜）
の4つの2Dにおいての使い方や考え方について解説します。
CSSのtransition（トランジション）やanimation（アニメーション）などと組み合わせてアニメーションさせるときによく使いますので、是非覚えてリッチなサイト制作に役立てていきましょう。