JavaScriptからCSSのtransform:matrix3dを扱う覚書 - Qiita

はじめに CSSに新しく追加された目玉機能の一つ、transformプロパティではDOMオブジェクトに対し2D/3Dの変形を適用する事ができます。transitionなんかとの合わせ技で、お手軽に見栄え良くできて大変便利な素敵機能なんですが、JavaScripから扱おうとすると結構めんどくさいです。いや、かなりめんどくさいです。なので忘却録をつらつらと。 基本的にマトリックでの変形を扱いますが 行列計算を理解している 理解してないけど使える！大丈夫！調べれる！(説明がFxxkinでも)めげない！ って方を対象にします。 おさらい transformプロパティに渡す値は各種transform関数を使用します。transform関数は各種変形用途の関数とマトリックス変形用関数が用意されています。 各種変形用途 回転: rotate()系 拡大/縮小: scale()系 移動: translat

[kasumani]

JavaScriptからCSSのtransform:matrix3dを扱う覚書 はじめに CSSに新しく追加された目玉機能の一つ、transformプロパティではDOMオブジェクトに対し2D/3Dの変形を適用する事ができます。transitionなんかとの合わせ技で、お手軽に見栄え良