Назад к Инструментам

CSS Shadow Generator

Design box-shadow CSS with live preview and presets

100% БесплатноРаботает в браузереБез регистрации

Об этом инструменте

Создайте идеальный CSS box-shadow с помощью визуального редактора. Начните с пресетов Material Design, Soft UI или неоморфизма, или создайте свой с нуля. Наслаивайте несколько теневых слоёв, настраивайте смещение, размытие, распространение и цвет, и наблюдайте изменения в реальном времени. Скопируйте CSS одним щелчком для макетов aukimi Inkwell или живых веб-сайтов. Часть aukimi Inkwell.

Функции

  • Пресеты Material, Soft UI и пользовательские
  • Несколько теневых слоёв
  • Настраиваемые смещение, размытие, распространение и цвет
  • Предварительный просмотр в реальном времени на настраиваемых формах
  • Копирование CSS одним щелчком

Сценарии использования

Стили теней для карточек и панелейДизайн UI в стиле неоморфизмаПрототипирование систем высоты

Поделиться инструментом

Помогите другим его найти

Создайте бесплатный аккаунт, чтобы убрать водяные знаки

Сохраняйте свои работы, получите доступ к полному набору инструментов и экспортируйте без водяных знаков.

Sign Up Free

Нужно больше?

Попробуйте aukimi Inkwell

Профессиональное редактирование растровых изображений со слоями, масками, фильтрами и полной поддержкой планшета.

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

CSS Shadow Generator действительно бесплатный?

Да, 100% бесплатно без скрытых платежей. Вы можете использовать его сколько угодно раз, прямо в браузере.

Нужно ли создавать аккаунт?

Аккаунт не требуется. Однако бесплатный аккаунт aukimi убирает водяные знаки и позволяет сохранять вашу работу.

Мои данные в безопасности?

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

Могу ли я использовать результаты для коммерческих проектов?

Конечно. Всё, что вы создаёте с помощью наших бесплатных инструментов, принадлежит вам, включая коммерческое использование.