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 කාර්යය,
තිර පස sepia වලට පරිවර්තනය කරයි
background ගුණාංගය,
තිර පස සඳහා කෙටි ගුණාංගයක් වේ
background-image ගුණාංගය,
කොටුවකට තිර පස පින්තූරයක් ලබා දීමට භාවිතා කරයි
filter ගුණාංගය,
තිර පස සඳහා විලාසය නියම කරයි