filter Özelliği

filter özelliği, arka plan resmine belirli bir sanatsal stil veya filtre uygular. Özellik, değer olarak filter fonksiyonuyla oluşturulan sanatsal stil isimlerini veya none'u (seçilen filtrenin iptali) alabilir.

Sözdizimi

cssseçici {
  filter: sanatsal stil veya none;
}

Örnek

Resmimiz için siyah-beyaz bir filtre uygulayalım, ve üzerine gelindiğinde onu iptal edelim:

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

Результат:

Ayrıca Bakınız