CSS Transformări 2D. Metoda scaleX(). Metoda scaleY().
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
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);
}