Генератор 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 використовує довільні значення; перевірте у своєму проєкті.
- Шари Тіней
- Попередній Перегляд
- Пресети Тіней
Як використовувати
- Налаштуйте властивості тіні за допомогою повзунків
- Виберіть колір тіні за допомогою вибору кольору
- Перемикайтеся між зовнішніми та внутрішніми тінями
- Додайте кілька шарів тіней
- Виберіть з професійних пресетів
- Переглядайте тінь у реальному часі
- Налаштуйте розмір попереднього перегляду
- Скопіюйте згенерований код
- Керуйте кількома шарами
- Використовуйте елементи керування шарами