Zum Hauptinhalt springen

Interaktive Schaltflächen und Eingabehinweise können derzeit auf Englisch erscheinen.

Werkzeuge

CSS-Schatten-Generator

Mit CSS-Schatten-Generator geben Sie Versatz, Unschärfe, Ausdehnung und Farbe ein und erhalten sofort Schattenvorschau und CSS-Code, ohne Installation oder Benutzerkonto.

CSS-Schatten-Generator verarbeitet Eingaben und Dateien nur in diesem Browser und sendet sie nicht an externe Dienste.

Preview
px
10%
Layer 1
box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1);

Anwendung

CSS-Schatten-Generator ist ein Browser-Werkzeug, das Versatz, Unschärfe, Ausdehnung und Farbe entgegennimmt und Schattenvorschau und CSS-Code erzeugt. Optionen und Ergebnis lassen sich direkt auf der Seite prüfen. Praxisbeispiel: 0 8px 24px rgba(0,0,0,.2).

  1. Legen Sie Versatz, Unschärfe, Ausdehnung und Farbe in CSS-Schatten-Generator fest.
  2. Passen Sie die Einstellungen an und prüfen Sie die Live-Vorschau.
  3. Wählen Sie Kopieren, um das Ergebnis zu kopieren.

Ausgabe

  • Beispiel für CSS-Schatten-Generator: 0 8px 24px rgba(0,0,0,.2)

Einschränkungen

  • Einschränkung von CSS-Schatten-Generator: Starke Schatten können Lesbarkeit oder Leistung beeinträchtigen. Wichtige Ergebnisse sollten mit der Quelle abgeglichen werden.

Datenschutz

CSS-Schatten-Generator verarbeitet Eingaben und Dateien nur in diesem Browser und sendet sie nicht an externe Dienste.

Häufige Fragen

Was erzeugt CSS-Schatten-Generator?

Aus Eingabe und Einstellungen wird Schattenvorschau und CSS-Code erzeugt.

Ist jedes Ergebnis von CSS-Schatten-Generator verlässlich?

Starke Schatten können Lesbarkeit oder Leistung beeinträchtigen. Prüfen Sie das Ergebnis vor einer wichtigen Nutzung.

🔧 Ähnliche Werkzeuge