invert ফাংশন
invert ফাংশনটি
ব্যাকগ্রাউন্ড ইমেজের কালার ইনভার্ট করতে দেয়।
0 মানটি নির্দেশ করে,
যে ইমেজটি অপরিবর্তিত থাকবে।
100% বা 1 মানটি সম্পূর্ণরূপে ব্যাকগ্রাউন্ডের কালার ইনভার্ট করে।
এই রেঞ্জের মধ্যে থাকা যেকোনো সংখ্যা আংশিকভাবে কালার ইনভার্ট করে।
নেতিবাচক মান দেওয়া যাবে না।
ডিফল্ট মানটি হলো 0।
সিনট্যাক্স
সিলেক্টর {
filter: invert(সংখ্যা);
}
উদাহরণ
আসুন আমাদের ইমেজের কালারকে
50% মান পর্যন্ত ইনভার্ট করি:
<div id="elem"></div>
#elem {
filter: invert(50%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
উদাহরণ
এবং এখন আসুন আমাদের ইমেজের কালারকে
100% মান পর্যন্ত ইনভার্ট করি:
<div id="elem"></div>
#elem {
filter: invert(100%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
উদাহরণ
এবং এখন আসুন
invert ফাংশনে
0 সমান মান সেট করি:
<div id="elem"></div>
#elem {
filter: invert(0);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
আরও দেখুন
-
blurফাংশন,
যা ব্যাকগ্রাউন্ডকে ব্লার করে -
brightnessফাংশন,
যা ব্যাকগ্রাউন্ডের ব্রাইটনেস সেট করে -
contrastফাংশন,
যা ব্যাকগ্রাউন্ডের কনট্রাস্ট সেট করে -
drop-shadowফাংশন,
যা ব্যাকগ্রাউন্ডে শ্যাডো সেট করে -
hue-rotateফাংশन,
যা ব্যাকগ্রাউন্ডের হিউ রোটেট সেট করে -
opacityফাংশন,
যা ব্যাকগ্রাউন্ডের অস্পষ্টতা সেট করে -
sepiaফাংশন,
যা ব্যাকগ্রাউন্ডকে সেপিয়াতে রূপান্তর করে -
backgroundপ্রোপার্টি,
যা ব্যাকগ্রাউন্ডের জন্য একটি শর্টহ্যান্ড প্রোপার্টি -
background-imageপ্রোপার্টি,
যার সাহায্যে একটি ব্লকে ব্যাকগ্রাউন্ড ইমেজ সেট করা যায় -
filterপ্রোপার্টি,
যা ব্যাকগ্রাউন্ডের জন্য স্টাইল সেট করে
