Својство 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,
која претвара позадину у сепију