1. 01Wähle Box-Schatten, Neumorphismus oder Glasmorphismus.
2. 02Im Box-Schatten-Modus fügst du mehrere Ebenen hinzu, klickst eine Ebene an und stellst X/Y, Unschärfe, Ausbreitung, Deckkraft, Farbe und Innenschatten ein.
3. 03Beim Neumorphismus wählst du Hintergrundfarbe und erhaben oder eingedrückt und justierst Distanz, Unschärfe und die Stärke von Hell und Dunkel.
4. 04Beim Glasmorphismus legst du Farbton, Hintergrundtransparenz, Unschärfe und Rahmen-Transparenz fest; unten kopierst du das live erzeugte CSS.

• Box-Schatten: X/Y von -100 bis 100 px, Unschärfe 0–200 px, Ausbreitung -50 bis 50 px, Deckkraft 0–100 %; mindestens eine Ebene bleibt immer erhalten.
• Neumorphismus: Distanz 2–50 px, Unschärfe 0–100 px, Stärke 5–30 %; die helle und die dunkle Farbe entstehen über colord durch darken/lighten der Hintergrundfarbe.
• Glasmorphismus: Unschärfe 0–40 px, Hintergrund- und Rahmen-Transparenz 0–100 %; der Code gibt sowohl die Standardeigenschaft als auch -webkit-backdrop-filter aus.
• Die Vorschau zeigt nur den CSS-Effekt des Browsers; in einer echten Seite spielen zusätzlich Elternhintergrund, Stapelreihenfolge, Performance und Browser-Unterstützung hinein.
• Und was nicht passiert: Es werden keine Bilder exportiert, keine komplexen SVG-Schatten erzeugt und nichts automatisch in dein Projekt-Stylesheet geschrieben.

Alle Parameter und das erzeugte CSS werden nur in der aktuellen Browserseite berechnet, weder hochgeladen noch gespeichert.