CSS brightness() ফাংশন

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

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

  • 0% ছবিটিকে সম্পূর্ণরূপে কালো করবে
  • 100%(বা 1)ডিফল্ট মান হিসাবে প্রাথমিক ছবি
  • 100% বা তার বেশি মান ছবিটিকে আরও আলোকপাত করবে
  • 100% কিংবা তার কম মান ছবিটিকে আরও ছাঁটা করবে

প্রতিদর্শ

উদাহরণ 1

ছবিটিকে প্রকৃত ছবির তুলনায় আরও আলোকপাত করা বা কম করা

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

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

উদাহরণ 2

যোগ করা হয় brightness() সঙ্গে backdrop-filter প্রয়োগ করা হয় এই প্রতিভাগ

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

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

CSS সিনট্যাক্স

brightness(amount)
মান বর্ণনা
amount

অপশনাল।আলোকপাতের মান নির্দিষ্ট করুন, যা হতে পারে সংখ্যা বা শতকরা

0% এলিমেন্টটিকে সম্পূর্ণরূপে কালো করবে।100%(বা 1)ডিফল্ট মান হিসাবে প্রাথমিক ছবি(কোনো প্রভাব ছাড়া)

100% বা তার বেশি মান ছবিটিকে আরও আলোকপাত করবে。

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

সংস্করণ: CSS Filter Effects Module Level 1

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

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

চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
18 12 35 6 15

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

উল্লেখ:CSS ফিল্টার এট্রিবিউট

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

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

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

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

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

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

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

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

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