ifBuyz Tools
Дизайн

Генератор CSS Box Shadow

Ввод

Настройте смещение, размытие, растяжение и цвет, чтобы сгенерировать CSS box-shadow.

Offset X10px
Offset Y10px
Blur20px
Spread0px

Используйте отрицательные значения, чтобы сдвинуть тень влево или вверх.

Вывод

box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.2);

Часто задаваемые вопросы

Что настраивает Генератор CSS Box Shadowerator?
Смещение, размытие, растяжение и цвет тени CSS.
Как сделать мягкую и естественную тень?
Использовать умеренное размытие и невысокую непрозрачность.
Можно ли комбинировать несколько теней?
Да, несколько слоёв часто дают лучший визуальный результат.