77 Stimmen

CSS Text Wrapper - Texte mit CSS in jeder beliebigen Form umbrechen

Tipp von Progger99 | 26.04.2012 um 14:56

Die Außenkanten eines Textes in jeder beliebigen Form verlaufen lassen - als Kreis, als Zickzacklinie, als Weinglas, schräg über die Seite hinweg oder nur leicht gebogen - ist mehr als schwierig mit CSS zu realisieren, da das gesamte CSS-Boxmodell eher auf Rechtecken denn auf Freiformen ausgerichtet ist.

Natürlich gibt es inzwischen auch Runde Kanten mit CSS, mit denen man Texte ausrichten kann, aber viel einfacher ist es folgenden Service zu benutzen:

CSS Text Wrapper

Auf dieser Seite gibt es die Möglichkeit einen Text einzugeben und einfach die Seiten des Textes frei zu bestimmen. Dazu zieht man die Linien an den Seiten des Textes, wie man sie haben möchte. Braucht man weitere Ecken, klickt man einfach auf die Linie und erhält einen weiteren Punkt, den man frei verschieben kann.

Probieren Sie es einfach aus, es ist sehr einfach und Sie erhalten sofort den CSS-Code, den Sie brauchen, um Ihren Text so aussehen und umbrechen zu lassen, wie Sie möchten. Auf der Seite finden Sie auch einige Demos und Erklärungen per Video, die es Ihnen noch einfacher machen.

AntwortenPositivNegativ

Über den Autor

AvatarDer Autor hat keine Kurzbeschreibung seines Profils angegeben.
Profil anzeigen

 

Ähnliche Themen

CSS-Stylesheets in HTML einbinden

Tutorial | 0 Kommentare

Wichtiger Hinweis

Bitte beachten Sie: Die Beiträge auf askingbox.de sind Beiträge von Nutzern und sollen keine professionelle Beratung ersetzen. Sie werden nicht von Unabhängigen geprüft und spiegeln nicht zwingend die Meinung von askingbox.de wieder. Mehr erfahren.

Jetzt mitmachen

Stellen Sie Ihre eigene Frage oder schreiben Sie Ihren eigenen Artikel auf askingbox.de. So gehts.