box-shadow

box-shadow: <x-offset> <y-offset> <blur> <spread> <color>

x-offset — горизонтальне зміщення. Позитивне значення зміщує тінь праворуч від блоку, негативне – ліворуч. Обов'язкове значення.

y-offset — вертикальне зміщення. Позитивне значення зміщує тінь вниз, негативне - вгору. Обов'язкове значення.

blur — радіус розмиття. Чим більше значення, тим сильніше розмита тінь. Необов'язкове значення.

spread — радіус поширення. Позитивне значення збільшує тінь, негативне — зменшує. Необов'язкове значення.

color — колір тіні. Можна використовувати будь-який формат запису кольору. Необов'язкове значення.

Багатошарова тінь

box-shadow: <x-offset> <y-offset> <blur> <spread> <color>,
<x-offset> <y-offset> <blur> <spread> <color>,
<x-offset> <y-offset> <blur> <spread> <color>,