マトリクスによる変形を行う

書式

transform : matrix(a,c,b,d,tx,ty)

説明

マトリクスによる変形を行うにはtransformプロパティにmatrix()を指定します。matrix()には6つの変形パラメータを指定します。a,b,c,dは変換行列でtx, tyは移動量になります。
ブラウザによってはベンダープレフィックスを指定しないと動作しません。

サンプル サンプルを実行 サンプルをダウンロード

#content {
transform : matrix(1,-0.2, -0.5,1, 0,0);
-webkit-transform : matrix(1,-0.2, -0.5,1, 0,0);
-moz-transform : matrix(1,-0.2, -0.5,1, 0,0);
-o-transform : matrix(1,-0.2, -0.5,1, 0,0);
-ms-transform : matrix(1,-0.2, -0.5,1, 0,0);
}
目次に戻る