sepia လုပ်ဆောင်ချက်

sepia လုပ်ဆောင်ချက်သည် နောက်ခံပုံရိပ်ကို sepia - ညိုဝါရောင်အရောင် ဆောင်းထားသော အနက်နှင့်အဖြူပုံရိပ် အဖြစ်သို့ ပြောင်းလဲပေးသည်။ 0 တန်ဖိုးသည် ပုံရိပ်သည် မူလအတိုင်းကျန်ရှိမည်ကို ဖော်ညွှန်းသည်။ 100% သို့မဟုတ် 1 တန်ဖိုးသည် နောက်ခံကို အပြည့်အဝ sepia အဖြစ်သို့ ပြောင်းလဲပေးသည်။ ဤအတိုင်းအတာအတွင်းရှိ မည်သည့်နံပါတ်မဆို sepia ကို အလျှောက်လိုက်အသုံးပြုမှုကို သတ်မှတ်ပေးသည်။ အနုတ်တန်ဖိုးကို သတ်မှတ်၍မရပါ။ စံထားရာတန်ဖိုးသည် 0 ဖြစ်သည်။

ဝါကျဖွဲ့စည်းပုံ

cssselector {
  filter: sepia(number);
}

ဥပမာ

ကျွန်ုပ်တို့၏ပုံရိပ်ကို အပြည့်အဝ sepia အဖြစ်ပြောင်းလဲလိုက်ကြပါစို့:

html<div id="elem"></div>

css#elem {
  filter: sepia(100%);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

ဥပမာ

ယခုတစ်ခါ sepia သတ်မှတ်ခြင်းကို 50% အထိလျှော့ချလိုက်ကြပါစို့:

html<div id="elem"></div>

css#elem {
  filter: sepia(50%);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

ဥပမာ

ယခုတစ်ခါ sepia လုပ်ဆောင်ချက်တွင် 0 နှင့်ညီသောတန်ဖိုးကို သတ်မှတ်လိုက်ကြပါစို့:

html<div id="elem"></div>

css#elem {
  filter: sepia(0);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

ဤအကြောင်းကိုလည်းကြည့်ပါ