Filter xususiyati

filter xususiyati fon tasviriga ma'lum bir badiiy uslub yoki filterni belgilaydi. Xususiyat qiymat sifatida badiiy uslublar nomlarini, filter funksiyasi yoki none (tanlangan filterni bekor qilish) ni qabul qilishi mumkin.

Sintaksis

cssselector {
  filter: badiiy uslub yoki none;
}

Misol

Keling, tasvirimizga qora-oq filterni belgilaymiz, va sichqoncha olib o'tilganda uni bekor qilamiz:

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

Результат:

Shuningdek qarang