Egenskapen filter

Egenskapen filter setter et visst kunstnerisk utseende eller filter for bakgrunnsbildet. Egenskapen kan ta navn på kunstneriske stiler, dannet av funksjonen filter eller none (avbryt valgt filter).

Syntaks

cssvelger {
  filter: kunstnerisk stil eller none;
}

Eksempel

La oss sette et svart-hvitt filter for bildet vårt, og fjerne det ved henging:

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

Результат:

Se også