Генератор CSS Box Shadow
Визуально создавайте CSS box-shadow с помощью ползунков. Поддержка нескольких теней и внутренних теней.
Слои теней
Настройки предпросмотра
Сгенерированный CSS
box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.3);
Как использовать
Задайте параметры
Настройте смещение, размытие и распространение
Предпросмотр
Просматривайте тень в реальном времени
Скопируйте
Скопируйте CSS-код для использования
Возможности
Управление ползунками
Интуитивное управление каждым параметром с помощью ползунков
Несколько теней
Наложение нескольких теней друг на друга
Внутренняя тень
Поддержка внутренних (inset) теней
FAQ
🔗Похожие инструменты
Конвертер цветовых кодов
Конвертация между цветовыми кодами HEX, RGB и HSL. Используйте палитру цветов и предпросмотр в реальном времени для интуитивного выбора цвета.
Палитра цветов
Выбирайте цвета с помощью цветового колеса и ползунков. Получайте и копируйте цветовые коды в форматах HEX, RGB и HSL.
Извлечение цветов из изображения
Автоматическое определение доминирующих цветов изображения и генерация цветовой палитры. Также можно нажать на любую точку изображения для выбора цвета.
Определение среднего цвета изображения
Вычисление среднего цвета всего изображения или выделенной области. Полезно для подбора цветовых схем или фоновых цветов миниатюр.
Генератор CSS-градиентов
Визуально создавайте CSS-градиенты с помощью перетаскивания. Поддержка линейных, радиальных и конических градиентов с предустановками.
Генератор CSS Border Radius
Генерируйте CSS border-radius с индивидуальным управлением углами. Включает эллиптический радиус и популярные предустановки форм.