CSS-box-shadow-Generator

Farbe

Ein box-shadow-Generator erstellt einen CSS-box-shadow-Wert aus den Versätzen, der Weichzeichnung, der Ausdehnung und der Farbe.

KI-gestützte Übersetzung in Prüfung

Diese Seite wurde mit KI-Unterstützung übersetzt und noch nicht professionell geprüft. Prüfen Sie die zitierten Quellen vor einer wichtigen Entscheidung.

Was ist das

Die Eigenschaft box-shadow fügt einen Schatten um ein Element hinzu. Ihre Parameter steuern den horizontalen und vertikalen Versatz, die Weichzeichnung, die Ausdehnung und die Farbe.

box-shadow = x y Weichzeichnung Ausdehnung Farbe

Verwendung

  1. 1Stellen Sie die Versätze, die Weichzeichnung und die Ausdehnung ein.
  2. 2Wählen Sie die Schattenfarbe.
  3. 3Kopieren Sie den CSS-box-shadow-Wert.

Referenz

CSS-box-shadow-Generator Referenz
EingabeErgebnis
BeispielCSS-box-shadow-Wert

Quellen und Normen

FAQ

Wofür dient der Ausdehnungswert (spread)?

Der spread-Wert vergrößert oder verkleinert den Schatten gegenüber dem Element, bevor die Weichzeichnung angewendet wird.

Werden die Daten an einen Server gesendet?

Nein. Dieses Tool läuft in Ihrem Browser und sendet keine Daten an einen Server.

Verwandte Tools