Функција drop-shadow

Функција drop-shadow дозвољава додавање сјенке позадинској слици.

Синтакса

селектор {
	filter: drop-shadow(помак по x, помак по y, радијус замућења, боја);
}

Вредности

Вредност	Опис
помак по x	Помак сјенке по хоризонтали у односу на позадину. Позитивни број означава помак сјенке удесно, негативан - улево. Обавезни параметар.
помак по y	Помак сјенке по вертикали у односу на позадину. Позитивни број означава помак сјенке надоле, негативан - нагоре. Обавезни параметар.
замућење	Поставља радијус замућења сјенке. Што је већа вредност, сјенка је замућенија. Опциони параметар. Подразумевано једнако `0`.
боја	Боја сјенке. Опциони параметар. Подразумевано је постављена црна боја сјенке.

Пример

Поставимо за нашу слику плавичасту сјенку без померања по осама, са замућењем од 5px:

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

#elem {
	filter: drop-shadow(0 0 5px #035470);
	background: url("bg.png") center / cover no-repeat;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

Погледајте такође

функција blur,
која замагљује позадину
функција brightness,
која поставља осветљеност позадини
функција contrast,
која поставља контраст позадини
функција hue-rotate,
која поставља нијансу боје позадини
функција invert,
која инвертује боје позадине
функција opacity,
која поставља провидност позадини
функција sepia,
која претвара позадину у сепију
својство background,
које представља својство-скраћеницу за позадину
својство background-image,
помоћу ког блоку може да се зада позадинска слика