CSS-Neumorphism-Generator (Soft UI)
Erzeuge einen CSS-Neumorphismus-Effekt (Soft UI) mit Live-Vorschau und kopierfertigem Code.
🔒 100 % clientseitig — keine Daten gesendet
Erstellen Sie einen CSS-Neumorphism-Effekt (Soft UI) mit Live-Vorschau: Passen Sie Farbe, Radius, Abstand, Unschärfe und Schattenintensität an und kopieren Sie dann den Code. Alles läuft im Browser.
What is it for?
- ▸ Soft-UI-Buttons und -Karten gestalten
- ▸ Den exakten neumorphen box-shadow erhalten
- ▸ Varianten flach / konkav / konvex testen
- ▸ Fertiges CSS zum Einfügen erhalten
FAQ
Was ist Neumorphism?
Ein UI-Stil, bei dem Elemente durch zwei gegensätzliche Schatten (einen hellen, einen dunklen) aus dem Hintergrund herausgehoben wirken.
Warum ist mein Effekt kaum sichtbar?
Neumorphism funktioniert am besten, wenn die Elementfarbe der Hintergrundfarbe entspricht. Vermeiden Sie reines Schwarz oder Weiß.
Wofür dient der „inset“-Modus?
Er stellt einen inneren Schatten dar, sodass das Element eingedrückt statt erhaben wirkt.
Wird das Ergebnis überall unterstützt?
Ja, es basiert auf box-shadow und border-radius, die von allen modernen Browsern unterstützt werden.