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;
}

Результат:

මෙයද බලන්න