Тени CSS

box-shadow: (inset) Aem Bem Cem Dem green;
A - смещение тени вправо.
B - смещение тени вниз.
C - радиус размытия.
D - радиус распространения.
inset - необязательный параметр, делающий тень внутренней.
Отрицательные значения будут смещать тень в противоположные стороны.

box-shadow: .5em 1em green;

Радиус размытия

box-shadow: .5em 1em 1em green;

Радиус распространения

box-shadow: .5em 1em 0em 1em green;

Радиус размытия + радиус распространения

box-shadow: .5em 1em 1em 1em green;

Внутренняя тень

box-shadow: inset 0em 0em .4em .1em gray;

Внешняя тень

box-shadow: 0em 0em .4em .1em gray;

Внешняя тень слева и справа

box-shadow: 2em 0em .7em -.7em blue, -2em 0em .7em 0em orange;
На видимость размытия снизу и сверху влияет радиус распространения, отрицательное значение которого убирает его.

Внешняя тень: низ, верх, справа, слева

box-shadow: 0em 1em blue, 0em -1em orange, 1em 0em green, -1em 0em black;