如何产生这种效果



我在一个网站上发现了鼠标悬停效果,我想把它作为一个"CSS动画初学者";。这是关于一个背景图像/视频,它似乎隐藏在另一个静态BG图像后面。您只能在鼠标当前所在的位置看到隐藏图像的一部分。

https://www.whiteoutworks.com在这个网站上效果很明显。

我想不出这个页面的代码,但它似乎是用CSS完成的。

有人能更详细地向我解释一下如何实现这一点吗?

非常感谢,祝你周末愉快!

:(

您可以从这个实现中获得灵感,并将"放大"图像的来源替换为您想要显示的第二个图像。

/*设置放大镜玻璃的背景属性:*/
glass.style.backgroundImage="url("+img.src+"(";;

https://www.w3schools.com/howto/howto_js_image_magnifier_glass.asp

最新更新