#text-shadow
Bestimmt den Schatten des Textinhalts.
default
text-shadow: none;
Der Textinhalt hat keinen Schatten.
text-shadow: 2px 6px;
Du brauchst mindestens zwei Werte:
- Der erste ist der horizontale Versatz
- Der zweite ist der vertikale Versatz
Die Schattenfarbe wird von der Textfarbe geerbt.
text-shadow: 2px 6px red;
Sie können eine Farbe als letzten Wert definieren.
Wie bei color
können Sie Farbnamen, hexadezimale, rgb, hsl…
text-shadow: 2px 4px 10px red;
Der optionale dritte Wert definiert den Weichzeichner des Schattens.
Die Farbe wird in diesem Beispiel über 10px gestreut, von undurchsichtig bis transparent.
Letzte Artikel von Redaktion (Alle anzeigen)
- Virtuelle private Netzwerke (VPN): Was steckt hinter dieser Technologie? - 30. August 2022