CSS Transformsの手軽な変形プロパティ translate/scale/rotate

transformプロパティで座標変換処理をする場合、個別のプロパティを利用すると簡単に記述できるようになります。それぞれのプロパティの書き方を見て、transformプロパティとの使い分けを考えてみましょう。

発行

著者 國仲 義則 フロントエンド・エンジニア
CSS Transformsの手軽な変形プロパティ シリーズの記事一覧

この記事を読むには
購読の手続きが必要です

月額880円(税込)

+

初めてお申し込みの方には、30日間無料でお使いいただけます

國仲 義則
PixelGrid Inc.
フロントエンド・エンジニア

ECサイトで商品登録や電話対応などの傍ら、独学でWebコンテンツ制作を学び、学習で得た知見をブログで公開していた。HTML、CSS、ビュー周りのJavaScriptを主に担当。CSSアニメーション・トランジションを使用した印象的な表現を得意とする。特に、2011年と2013年の2度にわたって作成した「CSSとSVGによる曇りガラス効果」(BlogCodePen)は、似たような表現が使われているiOS 8の発表後に国内外で注目された。2017年にピクセルグリッドに入社。

Xにポストする Blueskyにポストする