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প্রপার্টি,
যা ব্যাকগ্রাউন্ডের জন্য স্টাইল সেট করে