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 unterstuetzt text-shadow keinen Ausbreitungsradius oder Inset-Modus. Der Unschaerferadius ist optional und Standard ist Null.
Tiefe und Dimension erzeugen
Realistische Text-Tiefeneffekte verwenden mehrere Schattenschichten mit verschiedenen Unschaerfe- und Deckkraftwerten. Ein enger Schatten mit minimaler Unschaerfe bietet scharfe Definition, waehrend ein groesserer diffuser Schatten weiche Umgebungstiefe erzeugt. Die Kombination von zwei oder drei Schichten erzeugt natuerlich aussehenden dimensionalen Text.
Leistung und Browser-Unterstuetzung
Text-shadow wird in allen modernen Browsern ohne Vendor-Praefixe breit unterstuetzt. Der Leistungseinfluss ist minimal fuer einfache Schatten, kann aber bei vielen ueberlagerten Schatten auf grossen Textbloecken zunehmen. Fuer Animationen erwaegen Sie CSS-Uebergaenge auf Deckkraft fuer fluesige Bildraten.
Fortgeschrittene Techniken
Fortgeschrittene Textschatten-Techniken umfassen die Erstellung von extrudiertem 3D-Text mit Dutzenden von Ein-Pixel-Versatz-Schatten, Feuereffekte mit ueberlagerten warmen Farb-Unschaerfen und Retro-Konturtext mit vier Richtungsschatten ohne Unschaerfe. Kombinieren Sie text-shadow mit CSS-Farbverlaeufen.
