【CSS3】CSSのtransformの値を４つ紹介【scale、translate、rotate、skew】

【CSS3】CSSのtransformの値を４つ紹介【scale、translate、rotate、skew】 こんにちは、WEBマーケティング部の杉尾です。 今回は要素を変形させるCSS3のプロパティ、transformの概要です。 transformは、２Ｄ（平面）と３Ｄ（立体）の指定ができるのですが、今回はまず２Ｄを紹介します。 CSS3のtransformプロパティとは？ transformとは読んで字のごとく、『変形』に関するプロパティです。 要素を「移動・拡大・回転・傾斜・遠近」させることができます。 animationプロパティや@keyframesと組み合わせることで、複雑な動きをさせることが可能になります。 transformの対応ブラウザ 便利な『transform』プロパティですが、各主要ブラウザの対応状況はどうでしょうか？ いつものように、Caniuse.comへ行

[idr_zz]

簡単なアニメはCSSで済まそう。実例付き。 【CSS3】CSSのtransformの値を４つ紹介【scale、translate、rotate、skew】 @scenelive5276さんから