Zum Inhalt springen

text-shadow

  • Redaktion 
  • Zuletzt aktualisiert am

#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.