scaleY funktsiyasi
scaleY funktsiyasi elementni
Y o‘qi bo‘yicha masshtablaydi. Masshtablash
transform-origin xususiyati bilan belgilanadigan
nuqta atrofida amalga oshiriladi.
Funktsiya qiymati butun yoki kasr
son hisoblanadi. Agar u 1 dan katta bo‘lsa - element kattalashadi,
agar kichik bo‘lsa (masalan, 0.5) - element
kichrayadi. Agar 1 belgilansa - hech narsa o‘zgarmaydi
(bu standart qiymat hisoblanadi).
Sintaksis
selector {
transform: scaleY(son);
}
Misol
Blokka sichqoncha olib borilganda uning masshtabini 1.5
marta Y o‘qi bo‘yicha oshiramiz:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleY(1.5);
}
:
Misol
Blokka sichqoncha olib borilganda uning masshtabini 2
marta Y o‘qi bo‘yicha kamaytiramiz:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleY(0.5);
}
:
