CSS Transformări 2D. Metode de transformare 2D: translate, rotate, scaleX, scaleY, scale, skewX, skewY, skew, matrix. Metoda translate.

CSS Metode de transformare 2D

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);
}