CSS sepia() ফাংশন

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

CSS-এর sepia() ফিল্টার ফাংশন ছবিকে কালো করে তোলে（একটি আরও উষ্ণ এবং কমবেশি কমলা/সবুজ রঙ）

• 100%（বা 1）ছবিকে সম্পূর্ণরূপে কালো করবে
• 0%（বা 0）কোনো প্রভাব নেই

প্রকল্প

উদাহরণ 1

ছবিতে ভিন্ন কালো মান সংযোজন করুন:

#img1 {
  filter: sepia(1);
}
#img2 {
  filter: sepia(60%);
}
#img3 {
  filter: sepia(0.4);
}

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

উদাহরণ 2

একটি sepia() সঙ্গে backdrop-filter প্রতিমান মিশ্রণ করুন:

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

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

CSS সিন্থেক্স

sepia(amount)

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

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

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

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

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

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

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

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

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

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

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

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

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

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