Генератор CSS Теней
Создавайте красивые CSS тени с предпросмотром в реальном времени и несколькими слоями
Создавайте красивые CSS тени с предпросмотром в реальном времени и несколькими слоями
- Подготовьте ввод
Выберите нужные параметры с помощью элементов ниже.
- Выполните задачу
Настройте элементы ниже и проверьте предварительный просмотр.
- Используйте результат
Проверьте результат и используйте доступные функции копирования или скачивания.
Пиксельные тени с экспортом CSS, SCSS, класса Tailwind и JavaScript. Переменные цветов требуют определений на целевой странице. Tailwind использует произвольные значения; проверьте в своём проекте.
Сгенерированный Код
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
Управление Тенями
Настройки Предпросмотра
Предпросмотр
Пресеты Теней
Тонкие Тени
Средние Тени
Сильные Тени
Material Design
Нейморфные
Генератор CSS Теней
Пиксельные тени с экспортом CSS, SCSS, класса Tailwind и JavaScript. Переменные цветов требуют определений на целевой странице. Tailwind использует произвольные значения; проверьте в своём проекте.
Функции
- Пиксельные тени с экспортом CSS, SCSS, класса Tailwind и JavaScript. Переменные цветов требуют определений на целевой странице. Tailwind использует произвольные значения; проверьте в своём проекте.
- Слои Теней
- Предпросмотр
- Пресеты Теней
Как использовать
- Настройте свойства тени с помощью ползунков
- Выберите цвет тени с помощью выбора цвета
- Переключайтесь между внешними и внутренними тенями
- Добавьте несколько слоев теней
- Выберите из профессиональных пресетов
- Просмотрите тень в реальном времени
- Настройте размер предпросмотра
- Скопируйте сгенерированный код
- Управляйте несколькими слоями
- Используйте элементы управления слоями