CSSで画像や文字を回転させる方法を解説。CSSのtransformプロパティを使うと、HTMLに書いた要素を45度でも90度でも自由な角度で回転できます。transformの値にrotateを使えば2D(平面)で傾けられ、rotateXなどを使えばX軸・Y軸・Z軸を基準に3D(立体)で回転できます。
―視覚的変形の3大関数を深層から理解する― Web制作におけるアニメーションやインタラクションの表現で必須ともいえる transform プロパティ。その中でも頻出かつ強力な3関数scale(拡大・縮小)、rotate(回転)、skew(傾斜)は、直感的でありながら、使い ...