javascript - 如何文本扭曲 "bulge/fisheye"效果？

Question

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

Answer 1

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

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