如何文字变形“凸起/鱼眼”效果？

Question

我一直在试图找到一种方式来创建类似于下面的图像与CSS或任何其他方式的效果。在Photoshop中，您可以变换选区的网格。我试图在包含文本的div上使用border-radius: 10%/50%;属性，但不影响文本，只有div。我也使用了前缀-webkit-。如果有什么办法可以产生这种效果，那就太好了。帮助表示赞赏。

Answer 1

border-radius不能为你做这样的事情。目前在css标准中没有任何东西可以达到这样的效果。

最近的事情是CSS transform财产（standard），它可以做元素线性变换，但在你的图像效果非线性变换。所以，你必须提供图像而不是文字。