Генератор CSS Box Shadow
Создавайте красивые CSS box-shadow с визуальным редактором. Несколько теней, inset, размытие, цвет. Живой предпросмотр и мгновенное копирование CSS. Бесплатный онлайн генератор.
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08); border-radius: 16px;
Часто задаваемые вопросы
Можно ли использовать несколько теней?
Да! Можно добавить до 4 слоев тени для сложных эффектов глубины.
Что такое внутренняя тень?
Внутренняя тень появляется внутри элемента, создавая эффект вдавленности.
Как использовать
Выберите пресет
Начните с пресета или настройте вручную.
Настройте значения
Управляйте смещением, размытием, растеканием и цветом.
Скопируйте CSS
Скопируйте сгенерированный CSS код.
Похожие инструменты
Генератор CSS градиентов
Создавайте красивые CSS градиенты с визуальным редактором. Линейные, радиальные и конические градиенты. Копируйте CSS мгновенно. Бесплатный онлайн генератор градиентов.
Генератор цветовых палитр
Генерация гармоничных цветовых палитр из базового цвета. Комплементарные, триадные, аналогичные гармонии. HEX, RGB, HSL.
Конвертер цветов
Мгновенно конвертируйте цвета между форматами HEX, RGB, HSL и CMYK. Бесплатный онлайн конвертер для веб-дизайнеров и разработчиков — без регистрации, без загрузки.
CSS Beautifier и Minifier
Форматирование или минификация CSS кода онлайн. CSS с правильными отступами и интервалами или сжатие для продакшена. Бесплатный инструмент в браузере — без регистрации, мгновенный результат.
Минификатор CSS
Минифицируйте CSS код онлайн для уменьшения размера таблиц стилей и ускорения загрузки сайта. Удаляет комментарии, пробелы. Бесплатно, в браузере, мгновенно.