Filter svojstvo

Svojstvo filter postavlja pozadinskoj slici određeni umetnički stil ili filter. Svojstvo može da prima kao vrednosti nazive umetničkih stilova, formiranih funkcijom filter ili none (poništenje izabranog filtera).

Sintaksa

cssselektor {
  filter: umetnički stil ili none;
}

Primer

Hajde da postavimo crno-beli filter za našu sliku, a pri prelasku mišem da ga poništimo:

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

Результат:

Pogledajte takođe