sepia කාර්යය

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

වාග් රීතිය

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

නිදර්ශනය

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

Результат:

නිදර්ශනය

දැන් අපි sepia යෙදීම 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;
}

Результат:

මෙයද බලන්න