Question 1

Was ist die CSS text-shadow-Eigenschaft?

Accepted Answer

Die CSS text-shadow-Eigenschaft fügt Text Schatteneffekte hinzu. Sie akzeptiert eine kommagetrennte Liste von Schatten, die jeweils durch horizontalen Versatz (px), vertikalen Versatz (px), Unschärferadius (px) und Farbe definiert werden. Beispiel: text-shadow: 2px 2px 4px rgba(0,0,0,0.5);

Question 2

Kann ich mehrere Textschatten stapeln?

Accepted Answer

Ja! CSS text-shadow unterstützt mehrere Schatten durch Kommatrennung: text-shadow: 1px 1px 2px black, 0 0 10px blue. Jeder Schatten wird in Reihenfolge gerendert, vom ersten (unten) bis zum letzten (oben). Dieses Tool ermöglicht es Ihnen, beliebig viele Schatten hinzuzufügen, zu konfigurieren und zu entfernen.

Question 3

Was macht der Unschärferadius?

Accepted Answer

Der Unschärferadius steuert, wie gespreizt (unscharf) der Schatten ist. Ein Wert von 0 erzeugt einen scharfen Schatten. Größere Werte erzeugen einen diffuseren, weichen Schatten. Im Gegensatz zu box-shadow gibt es für text-shadow keine Spreizungsradius-Option, daher ist die Unschärfe die einzige Möglichkeit, die Schattengröße zu steuern.

Question 4

Welche Browser unterstützen text-shadow?

Accepted Answer

CSS text-shadow wird in allen modernen Browsern einschließlich Chrome, Firefox, Safari, Edge und Opera unterstützt. Es wird seit 2010 weitgehend unterstützt und erfordert keine Vendor-Präfixe. Es ist in allen Produktionsumgebungen sicher zu verwenden.

Question 5

Wie erstelle ich einen Neon-Leuchteffekt?

Accepted Answer

Für ein Neon-Leuchten stapeln Sie mehrere text-shadow-Ebenen mit derselben Farbe, aber zunehmendem Unschärferadius: text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff00de, 0 0 40px #ff00de. Beginnen Sie mit einem weißen Kern-Schatten, dann fügen Sie breitere farbige Schatten für den Leuchteffekt hinzu.

CSS-Textschatten-Generator

Häufig gestellte Fragen

Comments & Feedback