CSS在鼠标悬停后折射图像和扭曲答案

【问题标题】：CSS to refract image and distort following mouse hoverCSS在鼠标悬停后折射图像和扭曲
【发布时间】：2021-09-27 20:05:51
【问题描述】：

我正在尝试在 Wix 网站上复制这个（或类似的东西）：

或者右上角的“你好”。

css:hover 将扭曲图像，使其朝向鼠标弯曲。

我已经看到了一种使用 Babel 的方法，但 Wix 没有插件或访问 babel。

我在想一种方法可能与图像的区域图有关，其中有某种鱼透镜 / skew() 正在进行，但是

我们将不胜感激：o)

【问题讨论】：

【解决方案1】：

你不能用 Babel 做到这一点。 Babel 帮助你支持旧的浏览器，而不是创建很酷的效果。

【讨论】：

谢谢，但这不适用于 Wix（只有一些 Npm 可用），我需要它用于图像，而不仅仅是文本。此外，我希望它能够通过悬停效果和鼠标区域做出响应，而不仅仅是对任何人都摇摆不定。