CSS-Farbverlauf-Text-Generator
Schrift mit Farbverlauf versehen und das CSS direkt kopieren
Legen Sie einen linearen oder radialen Farbverlauf über Ihren Text, prüfen Sie ihn in der Vorschau und kopieren Sie das fertige CSS. Farbstopps, Winkel, Schriftgröße und Schriftstärke lassen sich frei einstellen, sodass Designer und Frontend-Entwickler den gewünschten Stil unmittelbar sehen. Alle Berechnungen erfolgen sofort im Browser und werden nicht an einen Server übertragen.
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Anleitung
- Tippen Sie den gewünschten Text in das Eingabefeld.
- Wählen Sie die Verlaufsart (linear oder radial) und stellen Sie den Winkel bzw. den Mittelpunkt ein.
- Fügen Sie Farbstopps hinzu oder entfernen Sie sie und justieren Sie Farbe und Position in Prozent, bis der Verlauf passt.
- Prüfen Sie die Vorschau und übernehmen Sie den erzeugten CSS-Code über die Schaltfläche zum Kopieren.
FAQ
- Wie viele Farbstopps kann ich hinzufügen?
- Sie können zwischen zwei und maximal vier Farbstopps hinzufügen oder wieder löschen.
- Funktioniert das erzeugte CSS in allen Browsern?
- Verwendet wird background-clip: text, für WebKit-Browser wird zusätzlich die Variante mit -webkit-Präfix ausgegeben. In sehr alten Browsern ohne Unterstützung dieser Eigenschaft bleibt der Verlauf aus und es erscheint nur die Ersatzfarbe aus color.
- Werden mein Text oder meine Farbangaben auf einem Server gespeichert?
- Nein. Alles wird ausschließlich im Browser verarbeitet, nichts wird an einen Server gesendet oder dort gespeichert.