Funksiýa scaleX

Funksiýa scaleX elementi X ok boýunça masştablaýar. Masştablaýyş transform-origin häsieti bilen kesgitlenýän nokat daşyndan amala aşyrylýar. Funksiýanyň bahasy bitin ýa-da drob san bolup biler. Eger ol 1-den uly bolsa - element ulyr, eger kiçi bolsa (meselem, 0.5) - element kiçeler. Eger 1 bellense - hiç zat üýtgemeýär (bu ýagdaýyň başlangyç bahasydyr).

Sintaksis

cssselektor {
  transform: scaleX(san);
}

Mysal

Blok üstüne gelende masştagy X ok boýunça 1.5 esse ulyryň:

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

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

Результат:

Mysal

Blok üstüne gelende masştagy X ok boýunça 2 esse kiçeldiň:

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

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

Результат:

Şeýle-de görmeli