ფუნქცია scaleY
ფუნქცია scaleY ახდენს ელემენტის მასშტაბირებას
Y ღერძის მიმართ. მასშტაბირება ხორციელდება
იმ წერტილის გარშემო, რომელიც მითითებულია transform-origin
თვისებით. ფუნქციის მნიშვნელობაა მთელი ან წილადი
რიცხვი. თუ ის 1-ზე მეტია - ელემენტი იზრდება,
თუ ნაკლებია (მაგალითად, 0.5) - ელემენტი
მცირდება. თუ მიუთითებთ 1 - არაფერი შეიცვლება
(ეს არის ნაგულისხმევი მნიშვნელობა).
სინტაქსი
cssსელექტორი {
transform: scaleY(რიცხვი);
}
მაგალითი
ბლოკზე დაჩოქებისას გავზარდოთ მასშტაბი Y ღერძის მიმართ
1.5-ჯერ:
html<div id="elem">lorem ipsum</div>css#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleY(1.5);
}
Результат:
მაგალითი
ბლოკზე დაჩოქებისას შევამციროთ მასშტაბი Y ღერძის მიმართ
2-ჯერ:
html<div id="elem">lorem ipsum</div>css#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleY(0.5);
}
Результат: