CSS Transformări 2D. Metoda matrix(). Parametrii: matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY()). Proprietăți de transformare CSS.
Partajeaza in Google Classroom
Partajeaza cu Google Classroom
Susține Lectii-Virtuale!
Memorator: Descriere video Descarcă PDF
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:
Proprietăți de transformare CSS
Următorul tabel listează toate proprietățiile de transformare 2D:
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 |
Navigare în lectii
Cumpara abonament
Ajutor
Feedback-ul d-voastră este important pentru noi. Dacă observați vreo neregulă vă rugăm să ne-o semnalați apăsând butonul Trimite Feedback de mai jos.
