CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSS3で16個の行列の値を使用して要素を変換します


matrix3d(n、n、n、n、n、n、n、n、n、n、n、n、n、n、n、n)メソッドを使用して、16個の行列の値を使用して要素を変換します。

>

構文を見てみましょう

matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4)

ここで

a1 b1 c1 d1 a2 b2 c2 d2 a3 b3 c3 d3 d4 線形変換を示す数値です

a4 b4 c4 適用する翻訳を説明する数字です。


  1. CSS32D変換関数の操作

    2D変換は、平行移動、回転、拡大縮小、傾斜などの要素構造を再変更するために使用されます。 以下は、2D変換関数の一部です- Sr.No。 値と説明 1 matrix(n、n、n、n、n、n) 6つの値を持つ行列変換を定義するために使用されます 2 translate(x、y) x軸とy軸とともに要素を変換するために使用されます 3 translateX(n) x軸とともに要素を変換するために使用されます 4 translateY(n) y軸とともに要素を変換するために使用されます 5 scale(x、y) 要

  2. CSS33D変換関数の操作

    3D変換を使用して、要素をx軸、y軸、およびz軸に移動できます。以下は、CSS33D変換のメソッドの一部です- 以下のメソッドは、3D変換を呼び出すために使用されます- Sr.No。 値と説明 1 matrix3d(n、n、n、n、n、n、n、n、n、n、n、n、n、n、n、n) 行列の16個の値を使用して要素を変換するために使用されます 2 translate3d(x、y、z) x軸、y軸、z軸を使用して要素を変換するために使用されます 3 translateX(x) x軸を使用して要素を変換するために使用されます 4 tr