CSS translateX() ပြောင်းလဲမှု
- အဆင်း အပြင် CSS ပြောင်() ဖိုင်
- နောက်ဆုံး စာရင်း CSS ပြောင်Y() ဖိုင်
- အဆင်း အပြင် CSS ပြောင်းလဲ စားသုံး စာမျက်နှာ
အချက်အလက် နှင့် အသုံးပြု
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 ပြောင် အခြေခံ
- အဆင်း အပြင် CSS ပြောင်() ဖိုင်
- နောက်ဆုံး စာရင်း CSS ပြောင်Y() ဖိုင်
- အဆင်း အပြင် CSS ပြောင်းလဲ စားသုံး စာမျက်နှာ