CSS contrast() 函数

定义和用法

CSS 的 contrast() 滤镜函数用于调整元素的对比度。

• 0% 会使图像完全变为灰色
• 100%（သို့မဟုတ် 1）သည် အရောင်ပြောင်းသည် အထူး အကျိုးသက်ရောက်မှု မရှိသည်
• 100% ထက် ပိုသော အတ္ထုပတ် သည် ပြည့်ပြည်ရောင်ကို အသုံးပြုသည် အား ကူးကြောင်းပေးသည်
• 100% ထက် ပိုသော အတ္ထုပတ် သည် ပြည့်ပြည်ရောင်ကို အသုံးပြုသည် အား ကူးကြောင်းပေးသည်

အကျိုးသက်ရောက်မှု

အကြောင်းကြား ၁

အရောင်ပြောင်းသည် အသုံးပြုသည် ကို အပြည့်အဝိုက် တိုးပွား သို့မဟုတ် ကျဆင်းစေသည်

#img1 {
  filter: contrast(150%);
}
#img2 {
  filter: contrast(50%);
}

ကိုယ်တိုင် စစ်ဆေးပါ

အကြောင်းကြား ၂

ကို contrast() နှင့် backdrop-filter အချက်အလက်များ အပေါ်လုပ်ဆောင်ခြင်း

div.transbox {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: contrast(150%);
  backdrop-filter: contrast(150%);
  padding: 20px;
  margin: 30px;
  font-weight: bold;
}

ကိုယ်တိုင် စစ်ဆေးပါ

CSS ပုံစံ

contrast(amount)

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

ဘရာဇက်ပြန်လည်တိုက်တွန်း

အချက်အလက်များတွင် ဖော်ပြထားသော သတ်မှတ်ခြင်း သည် ပုံစံအား အပြည့်အဝိုက် ထောက်ပံ့သည် ဖြစ်သည်

ခွင့်ပြုထားသော စာမျက်နှာ

လိုအပ်ချက်စက်တင်ပုံ filter လက်တွေ

လိုအပ်ချက်CSS အရောင်သို့သွားသည်() ပုံစံ

လိုအပ်ချက်CSS အရောင်အထောင်ထိပ်() ပုံစံ

လိုအပ်ချက်CSS အရောင်လှိုက်သည်() ပုံစံ

လိုအပ်ချက်CSS အရောင်သုံးစံ() ပုံစံ

လိုအပ်ချက်CSS အရောင်အသွင်ပြောင်းသည်() ပုံစံ

လိုအပ်ချက်CSS အရောင်ပြောင်းသည်() ပုံစံ

လိုအပ်ချက်CSS အရောင်များ ပြောင်းလဲသည်() ပုံစံ

လိုအပ်ချက်CSS saturate() လုပ်သုံးမှုကြောင်း

လိုအပ်ချက်CSS sepia() လုပ်သုံးမှုကြောင်း