scaleY funksiýasy

scaleY funksiýasy elementi Y okuny boyunca masştablaýar. Masştablaýyş transform-origin häsýeti bilen kesgitlenen nokatda ýerine ýetirilýär. Funksiýanyň bahasy bitin ýa-da kesirli san bolup biler. Eger ol 1-den uly bolsa - element ulyýar, eger kiçi bolsa (mysal üçin, 0.5) - element kiçelýär. Eger 1 belgilense - hiç zat üýtgemeýär (bu bolsa adatdaky bahadyr).

Sintaksis

cssselektor {
  transform: scaleY(san);
}

Mysal

Bloka getirilende, masştaby Y okuny boyunca 1.5 esse ulyýar:

html<div id="elem">lorem ipsum</div>

css#elem {
  border: 1px solid black;
  width: 100px;
  height: 50px;
}
#elem:hover {
  transform: scaleY(1.5);
}

Результат:

Mysal

Bloka getirilende, masştaby Y okuny boyunca 2 esse kiçelýär:

html<div id="elem">lorem ipsum</div>

css#elem {
  border: 1px solid black;
  width: 100px;
  height: 50px;
}
#elem:hover {
  transform: scaleY(0.5);
}

Результат:

Şeýle-de görmeli