စျမ်းဝါး scale အရေးသတ်ချက်
定义和用法
scale
属性允许你更改元素的大小。
scale
属性定义了元素在 x 和 y 方向上的缩放比例值。你也可以定义元素在 z 方向上的缩放比例。
缩放值可以是一个值、两个值或三个值。
- 如果给出一个值,元素在 x 和 y 方向上的缩放比例相同。
- 如果给出两个值,元素分别在 x 和 y 方向上按指定的比例缩放。
- 如果给出三个值,元素分别在 x、y 和 z 方向上按指定的比例缩放。
ကျမ်းကြည့်ပါ: scale
အချက်အလက်:ပြသ。
အဆိုပါ:ပြောင်းလဲမှု အရာများ ပြောင်းလဲမှု အရာများ ကို ကိုးကွယ်ကြပါ: CSS scale() 函数 CSS ပြောင်းလဲမှု အချက်အလက် အရာများ ကို ဖော်ပြပါ အခြေခံ အချက်အလက် အရာများ အပေါ်တွင် scale
အခြေခံ အချက်အလက် အရာများ ကို ကျွန်ုပ် ကိုးကွယ်ကြသည်။ အခြေခံ အချက်အလက် အရာများ ကို ကျမ်းကြည့်ပါ:
အကျိုးဆက်
လိုင်း 1
အရာ၏ အကျယ် နှင့် အမြင့် ပြောင်းလဲကြပါ:
div { scale: 2; }
လိုင်း 2
ဖြစ်နေပါက scale
အချက်အလက် နှစ်ခု ကို အသုံးပြုလျှင် အရာ၏ အကျယ် နှင့် အမြင့် တစ်ခုချင်း ကို တစ်ခုချင်း အချက်ပြုကြပါ။ အရာ၏ အကျယ် အရာများ တွင် x အရာများ ကို နှစ်ဆ ကြီးချင်း ဖြစ်လာပြီး အမြင့် အရာများ တွင် y အရာများ ကို တစ်ဆ သို့မဟုတ် တစ်ဆနှုန်း သို့မဟုတ် ဖြစ်လာပါသည်:
div { scale: 2 50%; }
CSS လိုင်းဘာသာ
scale: x-axis y-axis z-axis|initial|inherit;
အခြေခံ အားစား
အားစား | ဖော်ပြ |
---|---|
x-axis |
x အရာများ ပြောင်းလဲမှု ကို အချက်ပြုကြပါ။ အနှစ်တူသော အားစားများမှာ:
|
y-axis |
y အရာများ ပြောင်းလဲမှု ကို အချက်ပြုကြပါ။ အနှစ်တူသော အားစားများမှာ:
|
z-axis |
z အရာများ ပြောင်းလဲမှု ကို အချက်ပြုကြပါ။ အနှစ်တူသော အားစားများမှာ:
|
initial | ထိပ်တန်း အရာကို ထိပ်တန်း အရာအဖြစ် သတ်မှတ်ကြပါ။ ကျမ်းကြည့်ပါ: initial。 |
inherit | အဖွဲ့ဝင် ဖြစ်သော အခြေခံ အရာများမှ ထိပ်တန်း ကို လက်ခံယူကြသည်။ ကျမ်းကြည့်ပါ: inherit。 |
နည်းပါးစွာ
မျှော်လင့်ချက်: | none |
---|---|
ဆက်နွယ်မှု: | မမှန် |
အသံအတူသတင်း ပြုလုပ်: | ကူညီပါ။ ကျမ်းကြည့်ပါ:အသံအတူသတင်း ပါရောက်သည်。 |
ပုံစံ: | CSS3 |
JavaScript လိုင်းဘာသာ: | object.style.scale="2 0.7" |
ဘွတ်ခွဲမှု
အချက်အလက်များတွင် ထိပ်တန်း ကျွမ်းကျွမ်းသည် ထိပ်တန်း ကုဒ်ပါသည် ကို ကိုးကွယ်ကြသည်။
ချီယံ | အက်ဒ် | ဖက်ရိုး | ဆေးဖ် | အိုပရာ |
---|---|---|---|---|
104 | 104 | 72 | 14.1 | 90 |
လုပ်ငန်းပုံ
教程:CSS 3D 变换