Häufig gestellte Fragen

Was macht der CSS3-Generator?
Der CSS3-Generator erstellt visuell einstellbare CSS-Effekte für Schatten und abgerundete Ecken. Du bewegst Regler statt Werte zu tippen, siehst das Ergebnis sofort in der Vorschau und kopierst den fertigen Code für box-shadow, border-radius oder text-shadow in dein Projekt.

Was bedeuten die Werte beim Box-Shadow?
Ein Box-Shadow besteht aus vier Zahlenwerten und einer Farbe. X und Y verschieben den Schatten horizontal und vertikal, Blur macht die Kante weicher, Spread vergrößert oder verkleinert die Schattenfläche. Die Deckkraft steuert, wie kräftig der Schatten wirkt. Dezente Schatten nutzen meist wenig Deckkraft und viel Blur.

Was ist der Unterschied zwischen Blur und Spread?
Blur zeichnet die Schattenkante weich, verändert aber nicht die Größe des Schattens. Spread dehnt den Schatten in alle Richtungen aus, bevor der Blur greift. Ein negativer Spread zieht den Schatten unter das Element zurück und erzeugt so besonders feine, realistische Effekte.

Wie erstelle ich einen Innenschatten?
Aktiviere im Box-Shadow-Tab die Option „Innenschatten (inset)“. Der Schatten fällt dann nach innen statt nach außen. Das eignet sich für eingedrückt wirkende Buttons, Eingabefelder oder Flächen mit Tiefenwirkung.

Kann ich jede Ecke einzeln abrunden?
Ja. Aktiviere im Border-Radius-Tab die Option „Ecken einzeln einstellen“. Du erhältst vier separate Regler, die im Uhrzeigersinn arbeiten, beginnend oben links. Sind alle Werte gleich, kürzt das Tool den Code automatisch auf einen einzigen Wert.

Warum nutzt der Generator rgba-Farben für Schatten?
Weil Schatten fast nie volle Deckkraft brauchen. Mit rgba lässt sich die Transparenz direkt im Farbwert steuern, sodass der Hintergrund durchscheint. Genau das macht Schatten natürlich. Stellst du die Deckkraft auf 100 %, gibt das Tool automatisch den kompakteren Hex-Wert aus.

Funktioniert der erzeugte Code in allen Browsern?
Ja. box-shadow, border-radius und text-shadow gehören seit vielen Jahren zum Standard und werden von allen aktuellen Browsern ohne Präfixe unterstützt. Du kannst den Code bedenkenlos in produktiven Projekten einsetzen.

Kann ich mehrere Schatten kombinieren?
Ja, CSS erlaubt beliebig viele Schatten pro Element, getrennt durch Kommas. Erstelle im Generator nacheinander die einzelnen Schatten und füge die Werte im Stylesheet kommagetrennt zusammen. Mehrschichtige Schatten wirken oft deutlich realistischer als ein einzelner.