Savybė filter

Savybė filter nustato fono vaizdui tam tikrą meninį stilių arba filtrą. Savybė gali priimti kaip reikšmes meninių stilių pavadinimus, suformuojamus funkcija filter arba none (pasirinkto filtro atšaukimas).

Sintaksė

cssselektorius {
  filter: meninis stilius arba none;
}

Pavyzdys

Suteikime mūsų vaizdui juodai-balą filtrą, o užvedus pelę - jį panaikinkime:

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

Результат:

Taip pat žiūrėkite