ToolPilot
Дизайн

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

Создавайте многослойные CSS-тени с живым предпросмотром и готовым к вставке кодом.

Стройте мягкие реалистичные тени, комбинируя несколько слоёв. Настраивайте смещение, размытие, распространение, цвет и inset, затем копируйте CSS.

Загрузка инструмента…
Конфиденциальность: Быстрая и приватная утилита ToolPilot. Ваши данные по возможности обрабатываются локально в вашем браузере.

Как

  1. 1Настройте ползунки тени.
  2. 2При необходимости добавьте второй слой для глубины.
  3. 3Скопируйте сгенерированный CSS.

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

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

Комбинация плотной тени с широкой мягкой выглядит естественнее, чем одно размытие.

Загружаются ли мои файлы на сервер?

Нет. Инструмент работает полностью в вашем браузере, при необходимости используя JavaScript и WebAssembly. Ваши файлы и текст никогда не покидают ваше устройство.

Помогите нам стать лучше

Мы регулярно улучшаем наши инструменты. Нашли проблему или есть предложение? Мы слушаем.

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

🎨

Пипетка цвета + HEX/RGB/HSL

🎯

Конвертер HEX / RGB / HSL

🌈

Генератор палитр

🌊

Генератор CSS-градиентов