invert ফাংশন

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

সিনট্যাক্স

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

উদাহরণ

আসুন আমাদের ইমেজের কালারকে 50% মান পর্যন্ত ইনভার্ট করি:

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

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

Результат:

উদাহরণ

এবং এখন আসুন আমাদের ইমেজের কালারকে 100% মান পর্যন্ত ইনভার্ট করি:

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

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

Результат:

উদাহরণ

এবং এখন আসুন invert ফাংশনে 0 সমান মান সেট করি:

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

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

Результат:

আরও দেখুন