Back to Tools
CSS Shadow Generator
Design box-shadow CSS with live preview and presets
100% FreeRuns in your browserNo sign-up
About this tool
Створіть ідеальний CSS box-shadow за допомогою візуального редактора. Почніть з шаблонів Material Design, Soft UI або неоморфізму, або створіть власний з нуля. Нашаровуйте кілька шарів тіні, налаштовуйте зміщення, розмиття, розповсюдження та колір, і бачте зміни в реальному часі. Скопіюйте CSS одним натисканням для макетів aukimi Inkwell або живих веб-сайтів. Part of aukimi Inkwell.
Features
- Шаблони Material, Soft UI та користувацькі
- Кілька шарів тіні
- Налаштовувані зміщення, розмиття, розповсюдження та колір
- Попередній перегляд в реальному часі на налаштовуваних формах
- Копіювання CSS одним натисканням
Use cases
Стилі тіні для карток та панелейДизайн UI в стилі неоморфізмуПрототипування систем висоти
Found this useful? Share it
Help others discover free creative tools
Create a free account to remove watermarks
Save your work, access the full creative suite, and export without watermarks.
Want more power?
Try aukimi Inkwell
Професійне редагування растрових зображень із шарами, масками, фільтрами та повною підтримкою планшета.