有没有办法使用CSS3曲线/弧/弯曲文本的底部或顶部

Question

我想看看是否可以用纯粹的css/jquery来产生以下效果.我已经知道如何弯曲圆圈中的文本,但是会使整个元素弯曲,我无法弄清楚如何将文本的底部弯曲成圆形.我想我更倾向于歪曲文字,但我不知道如何最好地提出这个问题.

目的是允许这些元素用作横幅上的动画实时文本.

我很感激你们的任何帮助.小提琴的人将不胜感激.

Answer 1

不!CSS实际上不能像这样扭曲文本.

你可以想象每个字母使用不同的大小,然后让它们在顶部对齐,但这不是完全相同的东西,它不会是动态的.

编辑

markE提出了一个基于画布的解决方案,对您有用.它并不是CSS你要求的解决方案,但也许JS操控会得到你想要的:http://jsfiddle.net/AbdiasSoftware/e8hZy/