brightness ফাংশন

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

সিনট্যাক্স

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

উদাহরণ

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

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

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

উদাহরণ

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

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

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

উদাহরণ

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

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

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

আরও দেখুন

blur ফাংশন,
যা ব্যাকগ্রাউন্ডকে ব্লার করে
contrast ফাংশন,
যা ব্যাকগ্রাউন্ডে কনট্রাস্ট সেট করে
drop-shadow ফাংশন,
যা ব্যাকগ্রাউন্ডে শ্যাডো সেট করে
hue-rotate ফাংশন,
যা ব্যাকগ্রাউন্ডে হিউ সেট করে
invert ফাংশন,
যা ব্যাকগ্রাউন্ডের কালার ইনভার্ট করে
opacity ফাংশন,
যা ব্যাকগ্রাউন্ডে ট্রান্সপারেন্সি সেট করে
sepia ফাংশন,
যা ব্যাকগ্রাউন্ডকে সেপিয়াতে রূপান্তরিত করে
background প্রপার্টি,
যা ব্যাকগ্রাউন্ডের জন্য একটি শর্টহ্যান্ড প্রপার্টি
background-image প্রপার্টি,
যার মাধ্যমে একটি ব্লকে ব্যাকগ্রাউন্ড ইমেজ সেট করা যায়
filter প্রপার্টি,
যা ব্যাকগ্রাউন্ডের জন্য স্টাইল সেট করে