scaleX()
CSS scaleX() funksiyasi elementni gorizontal masshtablash uchun ishlatiladi.
scaleX() funksiyasi element kengligini oshiradi yoki kamaytiradi.
scaleX() funksiyasi transform xususiyati ichida ishlatiladi.
Misol
Bir nechta <div> elementining kengligini masshtablash uchun scaleX() funksiyasidan foydalaning:
.div1 {
transform: scaleX(0.5);
}
.div2 {
transform: scaleX(70%);
}
.div3 {
transform: scaleX(1.2);
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar funksiyani to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Funksiya | |||||
|---|---|---|---|---|---|
| scaleX() | 1 | 12 | 3.5 | 3.1 | 10.5 |
CSS sintaksisi
scaleX(s)
| Qiymat | Tavsif |
|---|---|
| s | Majburiy. Kenglik uchun masshtablash vektorini belgilaydigan son |
| Versiya: | CSS Transforms moduli, 1-daraja |
|---|
Ko‘proq misollar
Misol
Rasmlar kengligini masshtablash uchun scaleX() funksiyasidan foydalaning:
#img1 {
transform: scaleX(0.6);
}
#img2 {
transform: scaleX(90%);
}
#img3 {
transform: scaleX(-0.6);
}
#img4 {
transform: scaleX(1.1);
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS ma’lumotnomasi: CSS transform xususiyati.
CSS ma’lumotnomasi: CSS scale xususiyati.
CSS ma’lumotnomasi: CSS scale() funksiyasi.
CSS ma’lumotnomasi: CSS scale3d() funksiyasi.
CSS ma’lumotnomasi: CSS scaleY() funksiyasi.
CSS darsligi: CSS 2D transformatsiyalari.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!