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