brightness ফাংশন

brightness ফাংশনটি ব্যাকগ্রাউন্ড ইমেজের ব্রাইটনেস পরিবর্তন করতে দেয়। ব্যাকগ্রাউন্ডের মূল ব্রাইটনেস 100% বা 1 মান দ্বারা নির্ধারিত হয়, এগুলো কমালে ইমেজের ব্রাইটনেসও কমে যায়। তদনুরূপ, 100%-এর বেশি মান বৃদ্ধি করলে ব্রাইটনেস বাড়ে। নেতিবাচক মান প্রয়োগ করা হয় না, এবং খালি মান স্বয়ংক্রিয়ভাবে 1 হিসাবে গৃহীত হয়।

সিনট্যাক্স

cssসিলেক্টর {
  filter: brightness(সংখ্যা);
}

উদাহরণ

আসুন আমাদের ইমেজের জন্য ব্রাইটনেস সেট করি 20%:

html<div id="elem"></div>

css#elem {
  filter: brightness(20%);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

উদাহরণ

এবং এখন ইমেজের ব্রাইটনেস বাড়াই 120%-এ:

html<div id="elem"></div>

css#elem {
  filter: brightness(120%);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

উদাহরণ

আসুন আমাদের ইমেজের জন্য মূল ব্রাইটনেস সেট করি:

html<div id="elem"></div>

css#elem {
  filter: brightness(1);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

আরও দেখুন