সেপিয়া ফাংশন

sepia ফাংশনটি ব্যাকগ্রাউন্ড ইমেজকে সেপিয়াতে রূপান্তর করতে দেয় - একটি বাদামী আভাসযুক্ত কালো এবং সাদা ইমেজ। 0 মানটি বোঝায় যে ইমেজটি অপরিবর্তিত থাকবে। 100% বা 1 মান সম্পূর্ণরূপে ব্যাকগ্রাউন্ডকে সেপিয়াতে রূপান্তরিত করে। এই পরিসরে অবস্থিত যেকোনো সংখ্যা রৈখিকভাবে সেপিয়া প্রয়োগ নির্ধারণ করে। নেতিবাচক মান নির্ধারণ করা যাবে না। ডিফল্ট মান হল 0।

সিনট্যাক্স

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

উদাহরণ

আসুন আমাদের ইমেজটিকে সম্পূর্ণ সেপিয়াতে রূপান্তর করি:

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

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

Результат:

উদাহরণ

এবং এখন সেপিয়া প্রয়োগ 50% এ কমিয়ে দেই:

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

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

Результат:

উদাহরণ

এবং এখন sepia ফাংশনে 0 এর সমান মান নির্ধারণ করি:

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

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

Результат:

আরও দেখুন