Text Shadow Syntax
Die CSS text-shadow Eigenschaft akzeptiert Werte im Format: offset-x offset-y blur-radius color. Mehrere Schatten werden durch Kommas getrennt und in Stapelreihenfolge gerendert. Im Gegensatz zu box-shadow unterstützt text-shadow keinen Ausbreitungsradius oder Inset-Modus. Der Unschärferadius ist optional und Standard ist Null.
Tiefe und Dimension erzeugen
Realistische Text-Tiefeneffekte verwenden mehrere Schattenschichten mit verschiedenen Unschärfe- und Deckkraftwerten. Ein enger Schatten mit minimaler Unschärfe bietet scharfe Definition, während ein größerer diffuser Schatten weiche Umgebungstiefe erzeugt. Die Kombination von zwei oder drei Schichten erzeugt natürlich aussehenden dimensionalen Text.
Leistung und Browser-Unterstuetzung
Text-shadow wird in allen modernen Browsern ohne Vendor-Praefixe breit unterstützt. Der Leistungseinfluss ist minimal für einfache Schatten, kann aber bei vielen überlagerten Schatten auf großen Textbloecken zunehmen. Für Animationen erwaegen Sie CSS-Übergaenge auf Deckkraft für fluesige Bildraten.
Fortgeschrittene Techniken
Fortgeschrittene Textschatten-Techniken umfassen die Erstellung von extrudiertem 3D-Text mit Dutzenden von Ein-Pixel-Versatz-Schatten, Feuereffekte mit überlagerten warmen Farb-Unschärfen und Retro-Konturtext mit vier Richtungsschatten ohne Unschärfe. Kombinieren Sie text-shadow mit CSS-Farbverlaeufen.
