Zum Inhalt springen
Musterli
Alle Generatoren

CSS-Schatten-Generator

Vorschau

px
px

Varianten

Vorlagen

Einstellungen

Brand-Palette

Noch keine Brand-Palette. Im Brand Kit anlegen

Schatten

Woher das Licht kommt. Bei 0° kommt es von oben und der Schatten fällt nach unten.

Verlauf

Wie Abstand und Unschärfe von Ebene zu Ebene wachsen.

Erweitert
Farben

Dunkelt den Farbton des Hintergrunds ab, statt reines Schwarz zu nehmen. Das wirkt natürlicher.

Fläche und Bühne
Vorschau-Form
Farbe der Fläche
Bühne

Musterli-Hintergrund für die Vorschau. Er gehört nicht zum CSS-Export.

Hintergrundfarbe
Code

Wird für CSS-Variablen und Tailwind verwendet, zum Beispiel brand.

Tastaturkürzel

Tastaturkürzel
TastenAktion
LeertasteNeue Variante
⌘/CtrlZRückgängig
⇧⌘/CtrlZoderCtrlYWiederholen
←Vorherige Variante
→Nächste Variante
0Ins Fenster einpassen
1Zoom 100 %
⌘/CtrlSSpeichern
⌘/CtrlEExport öffnen
⌘/Ctrl⇧CAls PNG in die Zwischenablage
⌘/Ctrl⇧KHell und Dunkel wechseln
?Diese Übersicht

Solange du in einem Eingabefeld tippst, sind die Kürzel aus.

Exportieren