Omadus filter

Omadus filter määrab taustapildile kindla kunstilise stiili või filtri. Omadus võib võtta väärtusteks kunstiliste stiilide nimetused, mis moodustatakse funktsiooniga filter või none (valitud filtri tühistamine).

Süntaks

cssvalija {
  filter: kunstiline stiil või none;
}

Näide

Anname oma pildile must-valge filtri ja hiirega üle minnes tühistame selle:

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

Результат:

Vaata ka