CSS-Boxschatten-Generator

CSS-Boxschatten-Generator

Gestalten Sie wunderschöne Box-Schatten visuell mit einer Live-Vorschau. Fügen Sie mehrere Schattenebenen hinzu, passen Sie Versätze, Weichzeichnung, Ausdehnung und Farbe an und kopieren Sie dann das CSS – keine manuelle Codierung erforderlich.

Anwendung

Passen Sie die Schieberegler für horizontalen und vertikalen Versatz, Weichzeichner-Radius, Ausdehnung und Deckkraft an. Schalten Sie „Innenliegend“ für innere Schatten ein. Fügen Sie bis zu 10 Schattenebenen für komplexe Effekte hinzu. Nutzen Sie die Galerie mit Voreinstellungen für schnelle Ausgangspunkte wie Neumorphismus, Glüheffekte oder erhabene Karten. Kopieren Sie den generierten CSS-Code, wenn Sie fertig sind.

Merkmale

• Live-Vorschau – Sehen Sie Ihren Schatten in Echtzeit auf einer Beispielbox angewendet, während Sie die Parameter anpassen
• Mehrere Ebenen – Stapeln Sie bis zu 10 Schattenebenen für komplexe, realistische Effekte
• Innenliegende Schatten – Wechseln Sie pro Ebene zwischen äußeren und inneren (innenliegenden) Schatten
• Farbe & Deckkraft – Vollständiger Farbwähler mit Deckkraftkontrolle für jede Schattenebene
• Galerie der Voreinstellungen – Weicher Schatten, harter Schatten, Neumorphismus, erhabene Karte, gedrückter Button, Glüheffekt und mehr
• CSS kopieren – Ein-Klick-Kopie des vollständigen Box-Shadow-CSS-Codes