如何文字变形＆＃34;凸起/鱼眼＆＃34;喜欢效果？

Question

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

Answer 1

border-radius无法为您做这样的事情。目前css标准中没有任何内容可以达到这样的效果。

最接近的是css transform属性（standard），它可以对元素进行线性变换，但是图像中的效果是非线性变换即可。因此，您必须提供图像而不是文本。