Генератор CSS теней для блоков
Гид
Генератор CSS теней для блоков
Создавайте красивые тени для коробок визуально с помощью предварительного просмотра в реальном времени. Добавляйте несколько слоев тени, настраивайте смещения, размытие, распространение и цвет, а затем копируйте CSS — без ручного кодирования.
Как использовать
Настройте ползунки для горизонтального и вертикального смещения, радиуса размытия, распространения и непрозрачности. Включите внутренние тени. Добавьте до 10 слоев тени для сложных эффектов. Используйте галерею пресетов для быстрых отправных точек, таких как неоморфизм, эффекты свечения или приподнятые карточки. Скопируйте сгенерированный CSS, когда будете готовы.
Функции
- Живой просмотр – Смотрите, как ваша тень применяется к образцу поля в реальном времени по мере настройки параметров
- Множество слоев – Накладывайте до 10 слоев тени для создания сложных, реалистичных эффектов
- Внутренние тени – Переключайтесь между внешними и внутренними (inset) тенями для каждого слоя
- Цвет и непрозрачность – Полноценный выбор цвета с контролем непрозрачности для каждого слоя тени
- Галерея предустановок – Мягкая тень, жесткая тень, неоморфизм, приподнятая карточка, нажатая кнопка, эффект свечения и многое другое
- Копировать CSS – Копирование всего CSS-кода box-shadow в один клик
Установите наши расширения
Добавьте инструменты ввода-вывода в свой любимый браузер для мгновенного доступа и более быстрого поиска
恵 Табло результатов прибыло!
Табло результатов — это интересный способ следить за вашими играми, все данные хранятся в вашем браузере. Скоро появятся новые функции!
Подписаться на новости
все Новые поступления
всеОбновлять: Наш последний инструмент был добавлен 10 Марта 2026 г.
Примите участие
Помогите нам продолжать предоставлять ценные бесплатные инструменты
