Handytool
РазработчикБесплатноРаботает локально

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

Создавайте тени с предпросмотром.

Предпросмотр
CSS
box-shadow: 0px 8px 24px -4px rgba(10, 10, 10, 0.18);

Отрегулируйте ползунки для проектирования тени — скопируйте CSS когда все выглядит правильно.

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

Инструмент для создания теней

Генератор CSS box-shadow — возможности

  • 01

    Ползунки

    Для смещения, размытия, распространения

  • 02

    Inset тени

    Внутренние тени включены

  • 03

    Цвет и прозрачность

    Полный контроль цвета

Генератор CSS box-shadow — частые вопросы

Spread?
Размер тени перед размытием
Несколько?
Скопируйте и повторите с запятой
Invisible?
Нужен фон
Точно?
Да, как в браузере
Копировать?
Один клик

Руководства

Статьи →

Похожие инструменты

Разработчик →

Откройте другие инструменты

Все инструменты →