CSS Transformări 2D. Metode de transformare 2D: translate, rotate, scaleX, scaleY, scale, skewX, skewY, skew, matrix. Metoda translate.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Cu proprietatea de transformare CSS puteți utiliza următoarele metode de transformare 2D:
- translate()
- rotate()
- scaleX()
- scaleY()
- scale()
- skewX()
- skewY()
- skew()
- matrix()
Metoda translate()
Metoda translate() mută un element din poziția sa curentă (în funcție de parametrii indicați pentru axa X și axa Y).
Următorul exemplu mută elementul <div> 50 pixeli spre dreapta și 100 pixeli în jos din poziția sa actuală:
Exemplu:
div {
transform: translate(50px, 100px);
}