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

အခြေအနေ ပြန် CSS tan() အသုံး
နောက်အချိန် CSS translateX() အသုံး
အခြေအနေ တစ်ခု ပြန် CSS အကူအညီ ပြည့်စားအုပ်

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

CSS translate() အရာဝတ္တု အခြေအနေ ပြောင်းလဲစေသည်။

translate() အချက်အလက် transform အက္ခရာများ တွင် အသုံးပြုခြင်း

အမှတ်အသား

အရာဝတ္တု အခြေအနေ ပြောင်းလဲစေခြင်း

#myDiv1 {
  transform: translate(50px); /* အရာဝတ္တု ကို x အက်စ် 50px နှင့် y အက်စ် 0px ကို ပြောင်းလဲစေသည် */
}
#myDiv2 {
  transform: translate(50px, 20px); /* အရာဝတ္တု ကို x အက်စ် 50px နှင့် y အက်စ် 20px ကို ပြောင်းလဲစေသည် */
}
#myDiv3 {
  transform: translate(100px, 30px); /* အရာဝတ္တု ကို x အက်စ် 100px နှင့် y အက်စ် 30px ကို ပြောင်းလဲစေသည် */
}

ကိုယ်တိုင် ကျင်းပခြင်း

CSS အက္ခရာ

translate(x, y)

အတ္ထုပတ္တိ	ဖော်ပြ
x	အကောင်းဆုံး။ အရာဝတ္တု တစ်ခု အတွင်း အက်စ် လက်တွေ့ သို့မဟုတ် စက္ကူပိုင်း ကို သတ်မှတ်သည်။
y	ဆိုင်းငံ့။ အရာဝတ္တု တစ်ခု အတွင်း ယူနီယံစ် လက်တွေ့ သို့မဟုတ် စက္ကူပိုင်း ကို သတ်မှတ်သည်။ ချွတ်ယွင်းလျှင် အတ္ထုပတ္တိ 0 အထိ သတ်မှတ်ထားသည်။

အတ္ထုပတ္တိ

ဖော်ပြ

အကောင်းဆုံး။ အရာဝတ္တု တစ်ခု အတွင်း အက်စ် လက်တွေ့ သို့မဟုတ် စက္ကူပိုင်း ကို သတ်မှတ်သည်။

ဆိုင်းငံ့။ အရာဝတ္တု တစ်ခု အတွင်း ယူနီယံစ် လက်တွေ့ သို့မဟုတ် စက္ကူပိုင်း ကို သတ်မှတ်သည်။

ချွတ်ယွင်းလျှင် အတ္ထုပတ္တိ 0 အထိ သတ်မှတ်ထားသည်။