/ / Zeichnen Sie einen gekrümmten Text mit CSS - CSS

Zeichnen Sie einen gekrümmten Text mit CSS - CSS

Ich möchte wissen, wie man einen Text wie diesen Stil (gekrümmt) nur mit CSS zeichnet, bitte hilf mir Bildbeschreibung hier eingeben

Antworten:

6 für die Antwort № 1

Es ist nicht sehr einfach, aber ich denke, es könnte getan werden. Werfen Sie einen Blick auf diesen Artikel: Setze Text auf einen Kreis. Nicht das gleiche, aber die gleiche Idee. Sie müssen es pro Buchstabe oder Abschnitt von Wörtern tun, um es zu tun.

Eine möglicherweise einfachere Lösung wäre die Verwendung von Javascript / jQuery. Aber ich weiß, dass dies nicht Ihren CSS-Anforderungen entspricht. Betrachten Sie es ArcText.js als Option, wenn Sie glauben, dass CSS für Sie nicht machbar ist.

Es gibt auch ein Tool, das dies für Sie erledigt: CSS Warp - CSS-Text zum Pfadgenerator. Dies würde genau Ihren Wünschen entsprechen und den Code für verschiedene Browser generieren. Ich habe es vorher noch nie benutzt, scheint aber fast narrensicher zu sein.

Hier ist ein Beispiel mit CSS Warp. Ich verbrachte ungefähr 5 Minuten. Es kommt Ihnen ziemlich nahe, was Sie wollen, und Sie können es mehr aufpolieren. Verwenden Sie dann einfach CSS, um den Rest des Stylings hinzuzufügen. CSS Warp