CSS ပြောင်းလဲ သုံးပြီးခဲ့သည်

定义和用法

translate 属性允许您更改元素的位置。

translate 属性定义了元素在二维空间中的 x 轴和 y 轴坐标。您还可以定义 z 轴坐标以在三维空间中更改位置。

坐标可以仅给出 x 轴坐标、x 轴和 y 轴坐标，或者 x 轴、y 轴和 z 轴坐标。

为了更好地理解 translate 属性，请查看演示。

提示：要使 z 轴属性生效，您需要为 CSS perspective 属性定义一个值。

注意：另一种平移元素的技术是使用带有 CSS translate() အကူအညီ အခြေအနေ အချက်အလက် ကို ဖော်ပြထားသော စာမျက်နှာ ကို ဖြစ်စေ၊ အခြေအနေ အချက်အလက် ကို ပြန်လည်ဖော်ပြထားသော အခြေအနေ အချက်အလက် ကို ဖြစ်စေ အခြေအနေ အချက်အလက် ကို ပြန်လည်ဖော်ပြထားသည်။

အမှတ်

အမှတ် 1

အခြေအနေ ကို ပြောင်းလဲပါ

div {
  translate: 100px 20px;
}

ကျွန်ုပ်ကိုယ်ဖြင့် စစ်ဆေးပါ

အမှတ် 2

z အခ�ေအနေ ကို ဖော်ပြထားသော အချက်အလက် ကို ဖော်ပြထားသည်။ translate အခြေအနေ အချက်အလက် ကို ဖော်ပြထားသော အချက်အလက် ကို ဖြစ်စေ၊ အသုံးပြုထားသော ပြင်ဘက် အခြေအနေ အချက်အလက် ကို ဖြစ်စေ ဖော်ပြပါ။ perspective အခြေအနေ အချက်အလက်များ ကို ဖော်ပြထားသော အချက်အလက်များ ဖြင့် မှာ မမှုပ်နှံသေးသည်။

DIV1 {
  perspective: 200px;
}
DIV2 {
  translate: 50px 50px 50px;
}

ကျွန်ုပ်ကိုယ်ဖြင့် စစ်ဆေးပါ

CSS ပြောင်းလဲခြင်း

translate: x-axis y-axis z-axis|initial|inherit;

အခြေအနေ

နည်းပါး

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

အခြေအနေ စာရင်းတွင် ဖော်ပြထားသော စက္ခုတစ်ခု ကို ထောက်ပံ့သော ဘွတ်ပုံး အဆင့်ကို ဖော်ပြထားသည်。

လုပ်ဆောင်နိုင်သော စာမျက်နှာ

CSS ဖော်ပြချက်CSS 2D ပြောင်းလဲ

CSS ဖော်ပြချက်CSS 3D ပြောင်းလဲ

CSS ကိုးကွယ်သတင်းစတုတ္ထ ပုံစံ scale အခ�ေအနေ

CSS ကိုးကွယ်သတင်းစတုတ္ထ ပုံစံ rotate အခ�ေအနေ

CSS ကိုးကွယ်သတင်းစတုတ္ထ ပုံစံ perspective အခြေအနေ