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
Luo täydellinen CSS box-shadow visuaalisella editorilla. Aloita Material Design-, Soft UI- tai neumorfismi-esiasetuksista tai rakenna oma tyhjästä. Pinoa useita varjokerroksia, säädä siirtymää, sumennusta, levitystä ja väriä, ja näe muutokset reaaliajassa. Kopioi CSS yhdellä napsautuksella aukimi Inkwell -luonnoksiin tai live-verkkosivuille. Part of aukimi Inkwell.
Features
- Material, Soft UI ja mukautetut esiasetukset
- Useita varjokerroksia
- Säädettävä siirtymä, sumennus, levitys ja väri
- Reaaliaikainen esikatselu mukautettavilla muodoilla
- Kopioi CSS yhdellä napsautuksella
Use cases
Korttien ja paneelien varjotyylitNeumorfismi-käyttöliittymäsuunnitteluKorkeustasojärjestelmien prototyypit
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
Ammattimainen bittikarttamuokkaus tasoilla, maskeilla, suodattimilla ja täydellä tablet-tuella.