CSS-Verlaufstext-Generator
Farbverlauf auf Text anwenden und CSS-Code kopieren
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Mit diesem Tool lässt sich ein linearer oder radialer Farbverlauf auf Text anwenden, live in der Vorschau betrachten und der fertige CSS-Code direkt kopieren. Farbstopps, Winkel, Schriftgröße und -gewicht können angepasst werden, um den Stil visuell zu verfeinern – praktisch für Designer und Frontend-Entwickler. Die gesamte Verarbeitung erfolgt direkt im Browser, es werden keine Daten an einen Server gesendet.
Anleitung
- Geben Sie Ihren Text in das Eingabefeld ein.
- Wählen Sie den Verlaufstyp (linear oder radial) und passen Sie den Winkel oder die Mittelpunktposition an.
- Fügen Sie Farbstopps hinzu oder entfernen Sie sie, und passen Sie Farbe sowie Position (%) für den gewünschten Verlauf an.
- Prüfen Sie die Vorschau und kopieren Sie den generierten CSS-Code über den Kopieren-Button.
FAQ
- Wie viele Farbstopps kann ich hinzufügen?
- Sie können Farbstopps hinzufügen oder entfernen, mindestens 2 und maximal 4.
- Funktioniert der generierte CSS-Code in jedem Browser?
- Es wird background-clip: text zusammen mit dem -webkit--Präfix für WebKit-Browser verwendet; sehr alte Browser ohne Unterstützung dieser Eigenschaft zeigen stattdessen die einfarbige Textfarbe an.
- Werden meine Texte oder Farbdaten irgendwo gespeichert?
- Nein. Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser, es wird nichts an einen Server gesendet oder dort gespeichert.