စျမ်းဝါး 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 2D ပြောင်းလဲမှု

教程:CSS 3D 变换

参考:စျမ်းဝါး rotate အရေးသတ်ချက်

参考:စက်စ်စ်စ် ပြောင်းလဲသော စက်စ်စ်စ် အဆိုးရှိသော စက်စ်စ်စ်