Box-Schatten
CSS-Schatten
0px
4px
12px
0px
25%
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);Häufig gestellte Fragen
Was sind die box-shadow-Parameter?
Box-shadow nimmt: horizontaler Versatz, vertikaler Versatz, Unschärferadius, Ausbreitungsradius (optional) und Farbe. Beispiel: box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.3).
Wie erstelle ich einen realistischen Schatten?
Verwenden Sie mehrere geschichtete Schatten mit verschiedenen Unschärfewerten, halten Sie Schatten subtil (niedrige Deckkraft) und berücksichtigen Sie die Lichtquellenrichtung.
Was ist der Inset-Schatten?
Das Hinzufügen des Schlüsselworts "inset" erstellt einen inneren Schatten, wodurch das Element gedrückt oder vertieft erscheint. Nützlich für Eingabefelder und Buttons.