我一直在尝试寻找一种方法来使用 CSS 或任何其他方式创建类似于下图的效果。在 Photoshop 中，您可以变换选区的网格。我尝试在包含文本的 div 上使用 border-radius: 10%/50%; 属性，但这不会影响文本，只会影响 div。我也确实使用了 -webkit- 前缀。如果有任何方法可以创造这种效果，那就太好了。感谢您的帮助。
最佳答案
border-radius 不能为你做这样的事情。目前css标准中没有任何东西可以达到这样的效果。
最接近的是 css transform 属性 ( standard )，它可以对元素进行线性变换，但图像中的效果是非线性的转型。因此，您必须提供图片而不是文字。
关于javascript - 如何文本扭曲 "bulge/fisheye"效果？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25824044/