Функсияи scaleX
Функсияи scaleX элементро
ба самти меҳвари X масштаб мекунад. Масштаб кардан дар
атрофи нуқтае, ки бо воситаи хосияти transform-origin муайян карда мешавад,
анҷом дода мешавад.
Қимати функсия адади бутун ё касрӣ мебошад.
Агар он аз 1 бузургтар бошад - элемент калон мешавад,
агар хурдтар бошад (масалан, 0.5) - элемент
хурд мешавад. Агар 1 муайян карда шавад - чизе иваз намешавад
(ин ҳамон қимати пешфарз мебошад).
Синтаксис
интихобкунанда {
transform: scaleX(адад);
}
Намуна
Дар вақти нишон додан ба блок масштабро ба 1.5
баробари он ба самти меҳвари X зиёд мекунем:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleX(1.5);
}
:
Намуна
Дар вақти нишон додан ба блок масштабро ба 2
баробари он ба самти меҳвари X кам мекунем:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleX(0.5);
}
: