Online-Dienst

Text auf Pfad als CSS-Datei

Der kostenlose Online-Dienst CSS Warp erzeugt CSS3-Code für Text-auf-Pfad-Effekte. Diesen Code binden Sie dann einfach in Ihre Webseite ein.

So geht's

Der Dienst CSS Warp platziert Ihren Text entweder im Kreis oder entlang einer frei definierbaren Kurve.
Geben Sie zunächst den Text ein, der entlang des Pfades laufen soll. Nach einem Klick auf "WARP IT!" erscheint der Text in der Vorschau. Bei "TYPE" legen Sie die Schrifteigenschaften, bei "CURVE" die Eigenschaften des Pfads fest. Ferner lässt sich der Pfad ändern, indem Sie die in der Vorschau sichtbaren, weißen Kästchen mit der Maus verschieben oder deren Lage pixelgenau bei "POINT" einstellen.
Sind Sie mit dem Ergebnis zufrieden, klicken Sie auf "GENERATE HTML" und generieren so den CSS3-Code, den Sie anschließend markieren, kopieren und in den Quelltext der gewünschten Webseite einfügen.
Verwandte Themen