―視覚的変形の3大関数を深層から理解する― Web制作におけるアニメーションやインタラクションの表現で必須ともいえる transform プロパティ。その中でも頻出かつ強力な3関数scale(拡大・縮小)、rotate(回転)、skew(傾斜)は、直感的でありながら、使い ...
こんな演出を見かけたことはありませんか? これらはCSSの transform プロパティで実現できます。 今回はその中でも特に使いやすい「拡大・縮小(scale)」について解説します。 💡 transform とは? transform は「変形する」という意味で、要素に拡大・縮小 ...
今回はCSS3でもあまり一般的に知られてないtransformプロパティについて説明します。transformプロパティは2008年の11月まではWebkit系とAppleのブラウザとSafariの独自実装でしたが、 11月以降は正式にW3CにEditors Draftとして受けいられ、現在は策定中です[1]⁠。