CSS scale() အသုံးပြုနည်း

အသုံးပြုနည်းဥပဒေ

CSS scale() အသုံးပြု

scale() အသုံးပြု အကျိုးသုံး အရာများတွင် အကျယ်အဝန်း လျှပ်ချောက် ကို ဖော်ပြပါ၊ x နှင့် y အရာများ အတွက် လျှပ်ချောက် ကို ဖော်ပြပါ。

scale() အသုံးပြု transform အကျိုးသုံး အရာများတွင်

အကျယ်အဝန်း

ဘား 1

အသုံးပြုပါ scale() အကျယ်အဝန်း လျှပ်ချောက် များစွာ <div> အရာများကို

#myDiv1 {
  transform: scale(0.7);
}
#myDiv2 {
  transform: scale(110%);
}
#myDiv3 {
  transform: scale(1.1, 0.5);
}

ကိုယ်တိုင် ကြိုးစားပါ

ဘား 2

အသုံးပြုပါ scale() လျှပ်ချောက် ပုံများ：

#img1 {
  transform: scale(0.7);
}
#img2 {
  transform: scale(110%);
}
#img3 {
  transform: scale(1.1, 0.5);
}

ကိုယ်တိုင် ကြိုးစားပါ

CSS စက္ခုအသုံး

scale(sx, sy)

နည်းပါးရပ်

ဘက်တီးကာတာ ထောက်ပံ့

ဘတ်က္ကူတွင် ဖော်ပြထားသော စက္ကူများ သည် ထိုသို့အပြီးအပိုင်း ဖော်ထုတ်ထားသော ဘက်တီးကာတာ အဆင့်အတန်း ကို ပြင်ဆင်ထားသည်。

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

ပညာသင်တန်း：CSS 2D 变换

参考：CSS အသွားအလှမ်း ဗီဇ

参考：စီစ်အုပ် scale သုံးစွဲခြင်း

参考：CSS အဆုံးအစင် ပြောင်းလဲ ပြောင်းလဲ

参考：CSS scaleX() 函数

参考：CSS scaleY() 函数