Sifa filter

Sifa filter huweka picha ya usuli mtindo maalum wa kisanii au kichujio. Sifa inaweza kukubali kama thamani majina ya mitindo ya kisanii, inayoundwa na kitendakazi filter au none (kufutua kichujio kilichochaguliwa).

Kiendeshaji

csskichaguzi {
  filter: mtindo wa kisanii au none;
}

Mfano

Wacha tuweke kichujio cha weusi-na-weupe kwa picha yetu, na tunapoelekeza kifutue:

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

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

Результат:

Tazama pia