CSS hue-rotate() ပုံစံ

အသုံးပြုပုံအချက်အလက်

CSS hue-rotate() ပုံစံ အတွက် အရောင် အစားထိုး ပုံစံ အား အသုံးပြုပါ

အမှတ်

အမှတ် 1

ပုံများ အရောင် အစားထိုး ပုံစံ

#img1 {
  filter: hue-rotate(200deg);
}
#img2 {
  filter: hue-rotate(90deg);
}
#img3 {
  filter: hue-rotate(-90deg);
}

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

အမှတ် 2

ပုံစံ hue-rotate() နှင့် backdrop-filter အချက်အလက်များ ပေါင်းစပ် အသုံးပြုပါ

div.transbox {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: hue-rotate(90deg);
  backdrop-filter: hue-rotate(90deg);
  padding: 20px;
  margin: 30px;
  font-weight: bold;
}

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

CSS ပုံစံ

hue-rotate(angle)

နည်းပါး အချက်အလက်

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

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

လုံလောက်သော စာမျက်နှာ

ကိုးကားခြင်းကိုယ်ဝါခေါင်း အစက်

ကိုးကားခြင်းCSS blur() ပုံစံ

ကိုးကားခြင်းCSS brightness() ပုံစံ

ကိုးကားခြင်းCSS contrast() ပုံစံ

ကိုးကားခြင်းCSS drop-shadow() ပုံစံ

ကိုးကားခြင်းCSS grayscale() ပုံစံ

ကိုးကားခြင်းCSS invert() ပုံစံ

ကိုးကားခြင်းCSS opacity() 函数

ကိုးကားခြင်းစက်တင် ပုံစံ saturate() ပုံစံ

ကိုးကားခြင်းစက်တင် ပုံစံ sepia() ပုံစံ