我在一个网站上发现了鼠标悬停效果,我想把它作为一个"CSS动画初学者";。这是关于一个背景图像/视频,它似乎隐藏在另一个静态BG图像后面。您只能在鼠标当前所在的位置看到隐藏图像的一部分。
https://www.whiteoutworks.com在这个网站上效果很明显。
我想不出这个页面的代码,但它似乎是用CSS完成的。
有人能更详细地向我解释一下如何实现这一点吗?
非常感谢,祝你周末愉快!
:(
您可以从这个实现中获得灵感,并将"放大"图像的来源替换为您想要显示的第二个图像。
/*设置放大镜玻璃的背景属性:*/
glass.style.backgroundImage="url("+img.src+"(";;
https://www.w3schools.com/howto/howto_js_image_magnifier_glass.asp