怎么做这个效果

How to make this effect

我在一个网站上遇到了鼠标悬停效果，我想作为“CSS 动画初学者”学习。它是关于背景 image/video 的，它似乎隐藏在另一个静态 BG 图像后面。您只会在鼠标当前所在的位置看到隐藏图像的一部分。

我没弄清楚页面的代码，但似乎是用 CSS 完成的。

有人可以更详细地向我解释如何实现吗？

非常感谢，周末愉快！

您可以从这个实现中获得灵感，并将 'magnified' 图片的来源替换为您要显示的第二张图片。

/* Set background properties for the magnifier glass: */
glass.style.backgroundImage = "url('" + img.src + "')";