Функција 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,
помоћу ког блоку може да се зада позадинска слика