Генератор теней

Создавайте CSS box-shadow и text-shadow с живым предпросмотром.

Смещение X: 0px

Смещение Y: 4px

Размытие: 16px

Расширение: 0px

Внутренняя тень (inset)

Box

CSS

box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.15);

Зачем использовать генератор теней?

Тени создают визуальную иерархию и глубину, делая интерфейсы более понятными и привлекательными.

Подбирайте точные значения смещения, размытия и цвета для единообразия в дизайн-системе.