CSS saturate() ফাংশন

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

CSS-র saturate() ফিল্টার ফাংশন পদার্থকতা (রং শক্তি) সংযোজন করে

• 0%（বা 0）তৈরী গুণগততা হতে যায়
• 100%（বা 1）কোনো প্রভাব নেই
• 200%（বা 2）তৈরী গুণগততা অতিরিক্ত করে

ইনস্ট্যান্স

উদাহরণ 1

ছবিতে ভিন্ন সতর্কতা নির্ধারণ করুন:

#img1 {
  filter: saturate(0);
}
#img2 {
  filter: saturate(100%);
}
#img3 {
  filter: saturate(200%);
}

স্বয়ং প্রয়াস করুন

উদাহরণ 2

করে saturate() সঙ্গে backdrop-filter প্রতিমান সংযুক্ত করুন:

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

স্বয়ং প্রয়াস করুন

CSS সিনট্যাক্স

saturate(amount)

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

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

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

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

উল্লেখ:CSS ফিল্টার প্রতিভা

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

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

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

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

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

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

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

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

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