Уласцівасць 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,
якая пераўтварае фон у сепію