Alles, was Sie für den perfekten Schatten in Ihrem UI benötigen.
Live-Vorschau
Sehen Sie Änderungen in Echtzeit auf einer anpassbaren Vorschaukarte.
Geschichtete Schatten
Erstellen Sie weichere, realistischere Schatten durch Stapeln mehrerer Ebenen.
Ein-Klick-Export
Kopieren Sie sofort sauberen, produktionsreifen CSS-Code.
Schatten-Presets
Starten Sie schnell mit professionell gestalteten Schattenstilen.
Anwendungsfälle
Verbessern Sie Ihre Webdesigns mit Tiefe und Fokus.
Kartendesign
Verleihen Sie UI-Karten und Containern Tiefe für einen modernen Look.
Interaktive Schaltflächen
Erzeugen Sie ein klickbares Gefühl mit subtilen Hover-Schatten.
Modale & Dialoge
Lassen Sie Popups durch Hervorhebung vom Hintergrund abheben.
Formularelemente
Verbessern Sie Fokus-Zustände mit leuchtenden Schatteneffekten.
Häufig gestellte Fragen
Finden Sie Antworten auf die am häufigsten gestellten Fragen.
Geschichtete Schatten stapeln mehrere box-shadow Deklarationen mit unterschiedlichen Offsets und Blur-Werten, um einen weicheren, natürlicheren Übergang von dunkel zu hell zu erzeugen.
Ja, box-shadow wird von allen modernen Browsern wie Chrome, Firefox, Safari und Edge weithin unterstützt.
Absolut! Der gesamte generierte CSS-Code kann kostenlos für persönliche oder kommerzielle Projekte verwendet werden.
Outset-Schatten erscheinen außerhalb des Elements und erzeugen Tiefe. Inset-Schatten erscheinen innerhalb des Elements und erzeugen einen gedrückten oder vertieften Effekt.