CSS contrast() ফাংশন

সংজ্ঞা ও ব্যবহার

CSS-এর contrast() ফিল্টার ফাংশন ব্যবহার করে এলিমেন্টের কনট্রাস্ট সংযোজন

• 0% কোনো ছবি সম্পূর্ণরূপে গ্রয় হবে
• 100% (বা 1) ডিফল্ট মান, প্রথমিক ছবি
• 100% বা তার বেশি মান কনট্রাস্ট বাড়াবে
• 100% কম মান কনট্রাস্ট কমাবে

ইনস্ট্যান্স

উদাহরণ 1

ছবির কনট্রাস্ট বাড়াও কমাও

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

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

উদাহরণ 2

যুক্ত করুন 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)

প্রযুক্তিগত বিবরণ

ব্রাউজার সমর্থন

টেবিলের সংখ্যা হল এই ফাংশনটি সম্পূর্ণরূপে সমর্থনকারী প্রথম ব্রাউজারের সংস্করণ

সংশ্লিষ্ট পাতা

উল্লেখ:CSS ফিল্টার প্রতিশব্দ

উল্লেখ:CSS blur() ফাংশন

উল্লেখ:CSS brightness() ফাংশন

উল্লেখ:CSS drop-shadow() ফাংশন

উল্লেখ:CSS grayscale() ফাংশন

উল্লেখ:CSS hue-rotate() ফাংশন

উল্লেখ:CSS invert() ফাংশন

উল্লেখ:CSS opacity() ফাংশন

উল্লেখ:CSS saturate() ফাংশন

উল্লেখ:CSS sepia() ফাংশন