CSS Transformări 2D. Metoda matrix(). Parametrii: matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY()). Proprietăți de transformare CSS.

Metoda matrix()

Metoda matrix() combină toate metodele de transformare 2D într-una.

Metoda matrix() ia șase parametri, care conțin funcții matematice, ceea ce vă permite să rotiți, să scalați, să mutați (să translați) și să înlăturați elemente.

Parametrii sunt următorii: matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY())

Exemplu:

div {
  transform: matrix(1, -0.3, 0, 1, 0, 0);
}

Proprietăți de transformare CSS

Următorul tabel listează toate proprietățiile de transformare 2D:
 

Proprietate	Descriere
transform	Aplică o transformare 2D sau 3D la un element
transform-origin	Vă permite să schimbați poziția asupra elementelor transformate