使用CSS绘制弯曲文本

Question

我想知道如何使用CSS画这样的文字（曲线）请帮帮我

Answer 1

这不是直截了当的，但我认为可以做到。看一下这篇文章：Set Text on a Circle。不完全相同，但相同的想法。你需要按字符或单词部分来做它。

一个可能更简单的解决方案是使用Javascript / jQuery。但我知道这并不符合您的CSS要求。如果您认为CSS不适合您，请考虑将ArcText.js视为一种选择。

还有一个工具可以帮助您：CSS Warp - CSS Text to Path Generator。这将完全匹配您想要的，并为您生成各种浏览器的代码。我之前从未使用它，但似乎几乎万无一失。

以下是使用CSS Warp的示例。我花了大约5分钟。它让你非常接近你想要的东西，你可以更好地完善它。然后使用CSS添加其余的样式。