Генератор CSS box-shadow

Побудуйте декларацію CSS-тінь від зсувів, розмиття, поширення та кольору.

Графіка Без збереження даних

Коротка інструкція

Спробуйте приклад

Введіть

Горизонтальний зсув (px)
0
Вертикальний зсув (px)
4
Радіус розмиття (px)
12
Розповсюдження (px)
0
Колір гекса
#00000033
Тінь положення
Outside

Отримаєте

box-shadow: 0px 4px 12px 0px #00000033;
Як це працює і межі

Введіть довжину в пікселях і шести- або восьмизначний шестизначний колір. Негативна спреда стискає тінь.