Свойство filter

Свойство filter задава на фоновото изображение определен художествен стил или филтър. Свойството може да приема като стойности имена на художествени стилове, формирани от функция filter или none (отмяна на избрания филтър).

Синтаксис

селектор {
	filter: художествен стил или none;
}

Пример

Нека зададем на нашето изображение черно-бял филтър, а при посочване да го отменим:

<div id="elem"></div>

#elem {
	filter: grayscale(100%);
	background: url("bg.png") center / cover no-repeat;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}
#elem:hover {
	filter: none;
}

Вижте също

свойство background,
което е свойство-съкращение за фона
функция blur,
която размазва фона
функция brightness,
която задава яркост на фона
функция contrast,
която задава контрастност на фона
функция drop-shadow,
която задава сянка на фона
функция hue-rotate,
която задава цветност на фона
функция invert,
която инвертира цветовете на фона
функция opacity,
която задава прозрачност на фона
функция sepia,
която преобразува фона в сепия