sepia කාර්යය

sepia කාර්යය පසුබිම් පින්තූරය sepia බවට පත් කිරීමට ඉඩ සලසයි - දුඹුරු වර්ණාවලියක් සහිත කළු සහ සුදු පින්තූරයක්. 0 අගය යනු, පින්තූරය මුල් තත්ත්වයෙන් ඉතිරි වනු ඇති බවයි. 100% හෝ 1 අගය සම්පූර්ණයෙන්ම පසුබිම sepia බවට පරිවර්තනය කරයි. මෙම පරාසය තුළ පිහිටි ඕනෑම අංකයක් sepia යෙදීම රේඛීය ලෙස සකසයි. සෘණ අගයක් සැකසීමට නොහැකිය. පෙරනිමියෙන් අගය 0 වේ.

වාග් රීතිය

තෝරන්නා {
	filter: sepia(අංකය);
}

නිදර්ශනය

අපගේ පින්තූරයෙන් සම්පූර්ණ 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;
}

නිදර්ශනය

දැන් අපි sepia යෙදීම 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 ගුණය,
පසුබිම සඳහා විලාසය සකසයි