CSS scaleY() ပုံစံ

အသုံးပြုနည်း နှင့် အပြုအမူ

CSS scaleY() အရေအတွက် လေးအကွက် ပြောင်းလဲစေ သော ပုံစံ

scaleY() အရေအတွက် တိုးမြင့် သို့မဟုတ် လျှော့ကျစေ သော ပုံစံ

scaleY() ပုံစံ transform သုံးစွဲ

အမှတ်အရ

အမှတ် 1

အသုံးပြု scaleY() အသုံးပြု သော <div> အသုံးပြု သော အရေအတွက် ပြောင်းလဲစေခြင်း：

#myDiv1 {
  transform: scaleY(0.5);
}
#myDiv2 {
  transform: scaleY(70%);
}
#myDiv3 {
  transform: scaleY(1.1);
}

ကျွန်ုပ် ကိုယ်တိုင် ကျင်းပပါ

အမှတ် 2

အသုံးပြု scaleY() တူးကန် ယိုးမှား အရေအတွက် ပြောင်းလဲစေခြင်း：

#img1 {
  transform: scaleY(0.5);
}
#img2 {
  transform: scaleY(70%);
}
#img3 {
  transform: scaleY(-0.5);
}
#img4 {
  transform: scaleY(1.1);
}

ကျွန်ုပ် ကိုယ်တိုင် ကျင်းပပါ

CSS ပုံစံ

scaleY(s)
ပုံစံ ဖော်ပြ
s စစ်ဆေးနိုင်ခြင်း ရှိ သော ကြောက်ချင်း ကျယ်ပြန့်စေ သော အရေအတွက် အား အသုံးပြုပါ

နည်းပါး အချက်အလက်

ပုံစံ： CSS ပြောင်းလဲထား စကားလုံး အပြုအမူ အဆင့် 1

ဘရာဇီး ကန် အကူအညီ

အချက်အလက် များ သည် ထို သဘောတူ ပေါ် လုပ်ဆောင် လိမ့်မည် ဖြစ်သော ဘရာဇီး ကန် ပုံစံ ပေါ် ဖြစ်သည်

ခလီ အက်ဖ် ဖက်ဖ် ဆာဖီ အိပ်တာ
1 12 3.5 3.1 10.5

ပါဝင်သော စာမျက်နှာများ

စကားရပ်သင်ချက်：CSS 2D ပြောင်းလဲ

ကိုးကားချက်:CSS အသွားသွား သုတ်တန်း

ကိုးကားချက်:စျူဆိုးလ် scale အကိုးအချုပ်

ကိုးကားချက်:CSS scale() ပြောင်းလဲ

ကိုးကားချက်:CSS scale3d() ပြောင်းလဲ

ကိုးကားချက်:CSS scaleX() ပြောင်းလဲ