CSS translateX() ပြောင်းလဲမှု

အချက်အလက် နှင့် အသုံးပြု

CSS အချက်အလက် translateX() ပြောင်းလဲမှု အပေါ် အရာဝတ္တု ကို လေးတန်းအစိတ် အခြေအနေ ပြောင်းရွှေ့ပါ

translateX() ပြောင်းလဲမှု ပြောင်းလဲမှု အချက်အလက် အသုံးပြု

အမှတ်အသား

လေးတန်းအစိတ် အခြေအနေ အပြောင်းလဲမှု များစွာသော <div> အရာဝတ္တုများ ကို ပြောင်းရွှေ့ပါ

#myDiv1 {
  transform: translateX(50px); /* အရာဝတ္တု အတွင်း x အရုပ် 50px ကို ပြောင်းရွှေ့ပါ */
}
#myDiv2 {
  transform: translateX(100px); /* အရာဝတ္တု အတွင်း x အရုပ် 100px ကို ပြောင်းရွှေ့ပါ */
}
#myDiv3 {
  transform: translateX(-10px); /* အရာဝတ္တု အတွင်း x အရုပ် -10px ကို ပြောင်းရွှေ့ပါ */
}

ကျွန်တော် ကျင်းပပါ

CSS လိုက်နှိပ်

translateX(x)
အရာ ဖော်ပြ
x စည်းကမ်းပါးတဲ့ အကျိုးသား သို့မဟုတ် ပုံစံ ကို သတ်မှတ်ပါ။ အရာဝတ္တု အတွင်း တိုက်ဆိုင်သော x အရုပ် ကို သတ်မှတ်ပါ။

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

ပုံစံ: CSS ပြောင်းလဲမှု စက်တင် အပြိ် 1

ဘွတ်ကျူး ထောက်ပံ့

အချက်အလက်များတွင် ဖော်ပြထားသော စက္ခုများ သည် အပြင်းအထန် အပေါ်ထားသော ဘွတ်ကျူး ပုံစံ ကို ပြသသည်。

ခရိုးမောင် အက်ဂျက် ဖီပီ ဆိုက်ဖြူ အိုပရာ
1 12 3.5 3.1 10.5

နိုင်ငံရေးဝင်တံခါး

ဖိုင်CSS 2D ပြောင်

ကိုးကားချက်CSS ပြောင်

ကိုးကားချက်CSS ပြောင်() ဖိုင်

ကိုးကားချက်CSS ပြောင်Y() ဖိုင်

ကိုးကားချက်HTML DOM ပြောင် အခြေခံ