CSS-Verlaufstext-Generator mit Live-Vorschau
Erzeugen Sie Text mit einem CSS-Farbverlauf (background-clip), mit Vorschau, in Ihrem Browser.
Works in all modern browsers (-webkit- prefix included).
🔒 100 % clientseitig — keine Daten gesendet
Erstellen Sie Text mit einem Farbverlauf und übernehmen Sie das CSS direkt in Ihr Projekt. Wählen Sie Farben und Winkel aus und sehen Sie das Ergebnis in Echtzeit. Das Tool läuft zu 100 % in Ihrem Browser, ohne Anmeldung und ohne gesendete Daten.
What is it for?
- ▸ Eine Überschrift oder ein Textlogo auf einer Landingpage hervorheben
- ▸ Einen konsistenten Markenverlauf für einen Header erzeugen
- ▸ Den CSS-Code mit den erforderlichen background-clip-Präfixen erhalten
- ▸ Mehrere Farb- und Winkelkombinationen schnell testen
FAQ
Wie wende ich in CSS einen Verlauf auf Text an?
Sie legen einen Verlaufshintergrund auf den Text und verwenden dann background-clip: text mit color: transparent, damit der Verlauf nur durch die Buchstaben sichtbar ist.
Ist Verlaufstext mit allen Browsern kompatibel?
Ja, in modernen Browsern, sofern Sie für Chrome, Safari und Edge das Präfix -webkit-background-clip: text hinzufügen. Das Tool fügt dieses Präfix automatisch ein.
Verursacht Verlaufstext Barrierefreiheitsprobleme?
Der Text bleibt auswählbar und für Screenreader lesbar. Achten Sie jedoch auf ausreichenden Kontrast zwischen den Verlaufsfarben und dem Hintergrund.