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