Сегодня:
главная » Box-shadow генератор

Box-shadow генератор

Настройка тени ползунками, визуальный превью и готовый CSS-код.

Превью


Настройки тени

5px
10px
15px
0px
40%

Пресеты

CSS код

box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.40);

Зачем нужен генератор box-shadow?

Свойство box-shadow добавляет тень к блокам на сайте. Генератор позволяет настроить все параметры визуально и сразу получить готовый CSS-код.

  • Визуальное превью тени в реальном времени
  • Настройка цвета и прозрачности
  • Копирование готового CSS в один клик
  • Готовые пресеты для быстрого старта