CSS offset-rotate 属性

  • အရှေ့ဆုံး စာရင်း offset-position
  • နောက်ဆုံး စာရင်း opacity

အသုံးပြုနည်း နှင့် အသုံးပြု

offset-rotate အခြေအနေ သည် လှည့်ပြားသော အရွက် လျှောက်တစ်လျှောက် လျှင် လှည့်ပြားသော လျှောက်တစ်လျှောက် လှည့်ပြားသော အရွက် လျှောက်တစ်လျှောက် လှည့်ပြားသော အရွက် လျှောက်တစ်လျှောက် လှည့်ပြားသည်。

အကျိုး

လက်ပတ် 1

အရွက် လှည့်ပြားသော အရွက် လျှောက်တစ်လျှောက် နောက်ပြန်လျင် လှည့်ပြားသော လျှောက်တစ်လျှောက် လှည့်ပြားသော လျှောက်တစ်လျှောက် လှည့်ပြားသော လျှောက်တစ်လျှောက် လှည့်ပြားသည်。

#fish1 {
  offset-rotate: auto;
}
#fish2 {
  offset-rotate: auto 90deg;
}
#fish3 {
  offset-rotate: 90deg;
}

ကိုယ်တိုင် ကျင်းပနိုင်

လက်ပတ် 2

အရွက် လှည့်ပြားသော အခြေအနေ လှည့်ပြားသော ဘရပ်တာ အခြေအနေ လှည့်ပြားသည် ဖြစ်သော ကန်ပြန်တင်ချက်ကို အခြေအနေ လှည့်ပြားသည်。

div {
  offset-rotate: 0.25turn;
}

ကိုယ်တိုင် ကျင်းပနိုင်

ဘရပ်တာ ပုံစံ

offset-rotate: auto|angle|initial|inherit;

အခြေအနေ အဆိုပါ

အချက်အလက် ဖော်ပြ
auto လှည့်ပြားသော အရွက် လျှောက်တစ်လျှောက် နောက်ပြန်လျင် အရွက် လှည့်ပြားသော လျှောက်တစ်လျှောက် လျှင် လှည့်ပြားသည်。
angle အရွက် လှည့်ပြားသော အခြေအနေကို အခြေအနေ လှည့်ပြားသော အားလုံး ပြန်လည်လှည့်ပြားသည်。
auto angle auto နှင့် angle၌ အခြေအနေ လှည့်ပြားသော အားလုံး ပြန်လည်လှည့်ပြားသည်。
reverse အရွက် လှည့်ပြားသော လျှောက်တစ်လျှောက် နောက်ပြန်လျှင် ပြန်လည်လှည့်ပြားသည်。
initial အခြေအနေ ကို ပြန်လည်သုံးစံရန် initial
inherit ဖြစ်သော အဖွဲ့ဝင် မှ ထိခိုက်သော အခြေအနေကို အဆိုပါ အခြေအနေ မှ သိမ်းကပ်လိုက်သည်。 inherit

နည်းပါးလျှင်

မည်သည်မျှ auto
အလိုက်သွား ထိ
လှည့်ပြားရေး အထောက်အပံ့လှည့်ပြားပြီး သတင်းသုံးစံ
ပုံစံ ကျော်ကြား စက်လက်
ဂျစ်တာ ပုံစံ object.style.offsetRotate="45deg"

ဘရပ်တာ အထောက်အပံ့

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

ခရမ်း အက်ဂီ ဖီပစ် ဆာဖား အိုပရက်
56 79 72 16 43

ပတ်ဝန်းကျင် စာရင်း

အခန်းSVG လမ်း

အခန်းCSS အသံအပုံ

ကိုးကားချက်စက်သုံးရိုက်ကျသော အစိတ်အကျယ် offset

ကိုးကားချက်စက်သုံးရိုက်ကျသော အစိတ်အကျယ် offset-anchor

ကိုးကားချက်စက်သုံးရိုက်ကျသော အစိတ်အကျယ် offset-distance

ကိုးကားချက်စက်သုံးရိုက်ကျသော အစိတ်အကျယ် offset-path

ကိုးကားချက်စက်သုံးရိုက်ကျသော အစိတ်အကျယ် offset-position

  • အရှေ့ဆုံး စာရင်း offset-position
  • နောက်ဆုံး စာရင်း opacity