如何在画布上悬停实现此效果

Posted 2021-03-26

当您点击汉堡包菜单时，会出现菜单。当您将鼠标悬停在文本右侧时，左侧的照片会生效。我的问题是：如何实现这种效果。链接到页面：https://delcambio.me/en/gruppo/home

我检查这个元素，我发现这是画布，但我不知道如何实现这种效果。

答案

这不是浏览器开箱即用的标准效果。他们已经做了一些自己的认真工作来实现它。很可能它涉及WebGL，虽然我不知道。我也不知道这个效果是否有名字（可能不是）所以我不能指向你的任何方向。

我的建议是仔细研究他们的网页。这绝对是javascript，所以请检查事件处理程序和Javascript源，直到找到您要查找的内容。对不起，它不会快速而简单。