CSS Transformări 2D. Metoda scaleX(). Metoda scaleY().

Metoda scaleX()

Metoda scaleX() crește sau scade lățimea unui element.

Următorul exemplu mărește elementul <div> de două ori din lățimea sa inițială:

Exemplu:

div {
  transform: scaleX(2);
}

Următorul exemplu scade elementul <div> la jumătate din lățimea sa inițială:

Exemplu:

div {
  transform: scaleX(0.5);
}

Metoda scaleY()

Metoda scaleY() crește sau scade înălțimea unui element.

Următorul exemplu mărește elementul <div> de trei ori înălțimea inițială:

Exemplu:

div {
  transform: scaleY(3);
}

Următorul exemplu reduce elementul <div> la jumătate din înălțimea inițială:

Exemplu:

div {
  transform: scaleY(0.5);
}