Style transform အကျုံးစိတ်အရာ
- အဆင်းထိပ် top
- နောက်ပိုင်း စာစောင် transformOrigin
- အဆင်းတက် HTML DOM Style အရာ
ဒီကို ဒါ နှင့် အသုံးပြုပါ:
transform အိတ်အား 2D သို့မဟုတ် 3D ပြောင်းလဲကြောင်း အသုံးပြုသော အကျုံးစိတ်အရာများကို အသုံးပြုပါ။ အကျုံးစိတ်အရာများ ပြောင်းလဲကြောင်း မှာ သင့်တော်မည့် အားကစားမှုများ ပြောင်းလဲကြောင်း သို့မဟုတ် ပြောင်းလဲကြောင်း အားကစားမှုများ ပြောင်းလဲကြောင်း အသုံးပြုပါ။
ကျမ်းကိုကြည့်ပါ:
CSS လက်မှတ်ကြည့်တင်သွား:transform အကိုးး
အမှတ်
သွားလှည့်တင်သွား div အီအိုင်အမ်:
document.getElementById("myDIV").style.transform = "rotate(7deg)";
语法
返回 transform 属性：
object.style.transform
设置 transform 属性：
object.style.transform = "none|transform-functions|initial|inherit"
အကိုးးအချုပ် အတ္ထုပ်
| အတ္ထုပ် | ဖော်ပြ |
|---|---|
| none | အကိုးးအချုပ် မပါဘဲ |
| matrix(n, n, n, n, n, n) | 6 အကြိမ် အကြား အချက်အလက် အပေါ် 2D အကိုးးအချုပ် အသုံးပြုပါ။ |
| matrix3d(n, n, n, n, etc....) | 16 အကြိမ် အကြား 4x4 အပေါ် အချက်အလက် 3D အကိုးးအချုပ် အသုံးပြုပါ။ |
| translate(x, y) | 2D ပြောင်းလဲခ�င်း အသုံးပြုပါ။ |
| translate3d(x, y, z) | 3D ပြောင်းလဲခ�င်း အသုံးပြုပါ။ |
| translateX(x) | X အကြား ပြောင်းလဲခ�င်း အသုံးပြုပါ။ |
| translateY(y) | Y အကြား ပြောင်းလဲခြင်း အသုံးပြုပါ။ |
| translateZ(z) | 3D ပြောင်းလဲခြင်း အသုံးပြုသည့် Z အကြား အသုံးပြုပါ။ |
| scale(x, y) | 2D အစားအဆင့် အကိုးးအချုပ် အသုံးပြုပါ။ |
| scale3d(x, y, z) | 3D အစားအဆင့် အကိုးးအချုပ် အသုံးပြုပါ။ |
| scaleX(x) | X အကြား အစားအဆင့် အကိုးးအချုပ် အသုံးပြုပါ။ |
| scaleY(y) | Y အကြား အစားအဆင့် အကိုးးအချုပ် အသုံးပြုပါ။ |
| scaleZ(z) | Z အကြား 3D အကြား ပုံစံ အကိုးးအချုပ် အသုံးပြုပါ။ |
| rotate(angle) | အချိန် အသုံးပြုသည့် 2D အကိုးးအချုပ် အသုံးပြုပါ။ |
| rotate3d(x, y, z, angle) | 3D အကိုးးအချုပ် အသုံးပြုပါ။ |
| rotateX(angle) | X အကြား 3D အကိုးးအချုပ် အသုံးပြုပါ။ |
| rotateY(angle) | Y အကြား 3D အကိုးးအချုပ် အသုံးပြုပါ။ |
| rotateZ(angle) | Z အကြား 3D အကိုးးအချုပ် အသုံးပြုပါ။ |
| skew(x-angle, y-angle) | X နှင့် Y အကြား 2D အိတ်စ်အိတ် အကိုးးအချုပ် အသုံးပြုပါ။ |
| skewX(angle) | X အကြား 2D အိတ်စ်အိတ် အကိုးးအချုပ် အသုံးပြုပါ။ |
| skewY(angle) | Y အကြား 2D အိတ်စ်အိတ် အကိုးးအချုပ် အသုံးပြုပါ။ |
| perspective(n) | 3D အကိုးးအချုပ် အထွက် ကြောင်းရှိုင်း အကိုးးအချုပ် အသုံးပြုပါ။ |
| initial | အကိုးးအချုပ် ကို မူကျမ်းအဆင့် သို့ ကျပြောင်းသည်။ ကျမ်းကို ကြည့်ပါ။ initial。 |
| inherit | အသုံးပြုသော အဖိုးအချုပ်မှ အကိုးးအချုပ် ကို လက်ခံသည်။ ကျမ်းကို ကြည့်ပါ။ inherit。 |
နည်းပါးလျှင်
| မူကျမ်းအဆင့်: | မရှိ |
|---|---|
| ကယ်ဆယ်ရန်: | ကိုယ်စားပြုသည့် transform အကိုးး。 |
| CSS အဆင့်: | CSS3 |
ဘရာဇက်ရီ ထောက်ခံမှု
အချက်အလက်များတွင် ထိပ်တန်း အကြောင်းအရာကို ပြထားသည်။
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 36.0 | 10.0 | 16.0 | 9.0 | 23.0 |
- အဆင်းထိပ် top
- နောက်ပိုင်း စာစောင် transformOrigin
- အဆင်းတက် HTML DOM Style အရာ
