Filter қасиеті

filter қасиеті фоны суретке белгілі бір көркемдік стильді немесе сүзгіні тағайындайды. Қасиет мән ретінде filter функциясы арқылы құрылған көркемдік стильдердің атауларын немесе none (таңдалған сүзгіні жою) қабылдай алады.

Синтаксис

cssселектор {
  filter: көркемдік стиль немесе none;
}

Мысал

Келіңіздер, біздің суретімізге ақ-қара сүзгіні тағайындап, курсор әкелгенде оны жояйық:

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

Результат:

Сондай-ақ қараңыз