scaleX Fonksiyonu
scaleX fonksiyonu, bir öğeyi X ekseni
boyunca ölçeklendirir. Ölçeklendirme, transform-origin
özelliği ile belirlenen nokta etrafında yapılır.
Fonksiyonun değeri tam sayı veya ondalıklı
sayı olabilir. Eğer değer 1'den büyükse - öğe büyür,
küçükse (örneğin, 0.5) - öğe
küçülür. 1 değeri verilirse - hiçbir şey değişmez
(bu, varsayılan değerdir).
Sözdizimi
seçici {
transform: scaleX(sayı);
}
Örnek
Kutunun üzerine gelindiğinde X ekseni boyunca 1.5
kat ölçeklendirelim:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleX(1.5);
}
:
Örnek
Kutunun üzerine gelindiğinde X ekseni boyunca 2
kat küçültelim:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleX(0.5);
}
:
