CSS-Textschattengenerator für faule Leute.
Wählen Sie einen vordefinierten Stil aus der Galerie oder generieren Sie einen Textschatten mit Ihren Vorlieben. Richten Sie die gewünschten Attribute ein, um den CSS-Code zu erhalten.
Verschieben Sie den Schatten nach rechts/unten, stellen Sie Weichzeichner und Deckkraft ein und wählen Sie eine Farbe aus der Palette, um Ihr CSS zu erhalten. Verwenden Sie den Online-Editor, um Ihren Stil manuell anzupassen. Verfolgen Sie die Entwicklung Ihres Schattens in der Live-Vorschau, in der Sie eine benutzerdefinierte Text- und Hintergrundfarbe festlegen können.
CSS3-Textschatten erklärt
Die CSS3-Text-Schatten-Eigenschaft ist eine der beliebtesten Techniken, um das Design einer Website schrittweise zu verbessern. Obwohl es ursprünglich in der CSS 2.1-Spezifikation enthalten war, wurde es wegen mangelnder Unterstützung zurückgezogen. Es ist jedoch jetzt wieder in CSS 3 und wird von modernen Browsern weit verbreitet unterstützt.
Es braucht vier Werte: der erste Wert definiert den Abstand des Schattens in x-Richtung (horizontal), der zweite Wert legt den Abstand in y-Richtung (vertikal) fest, der dritte Wert definiert die Unschärfe des Schattens und der letzte Wert legt fest die Farbe.
Obwohl dies im Vergleich zu anderen CSS3-Regeln wie Randradius relativ leicht zu merken ist, ist es nützlich, einen solchen Generator zu haben, damit Sie Ihren Textschatten in Echtzeit generieren und mit Photoshop-ähnlichen Steuerelementen fein abstimmen können.
