Masshtablash

CSS scale() funksiyasi

scale() funksiyasi element o‘lchamini kattalashtiradi yoki kichraytiradi (kenglik va balandlik uchun berilgan parametrlarga muvofiq).

Quyidagi misol <div> elementini boshlang‘ich kengligining 2 barobariga va boshlang‘ich balandligining 3 barobariga kattalashtiradi:

div {
transform: scale(2, 3);
}

Quyidagi misol <div> elementini boshlang‘ich kengligi va balandligining yarmiga kichraytiradi:

div {
transform: scale(0.5, 0.5);
}

scaleX() funksiyasi element kengligini kattalashtiradi yoki kichraytiradi.

Quyidagi misol <div> elementini boshlang‘ich kengligining 2 barobariga kattalashtiradi:

div {
transform: scaleX(2);
}

Quyidagi misol <div> elementini boshlang‘ich kengligining yarmiga kichraytiradi:

div {
transform: scaleX(0.5);
}

scaleY() funksiyasi element balandligini kattalashtiradi yoki kichraytiradi.

Quyidagi misol <div> elementini boshlang‘ich balandligining 3 barobariga kattalashtiradi:

div {
transform: scaleY(3);
}

Quyidagi misol <div> elementini boshlang‘ich balandligining yarmiga kichraytiradi:

div {
transform: scaleY(0.5);
}

Yutuqlaringizni kuzating – bu bepul!