Javascript 悬停时反应放大图像比较_Javascript_Css_Reactjs

Javascript 悬停时反应放大图像比较

javascript css reactjs

Javascript 悬停时反应放大图像比较,javascript,css,reactjs,Javascript,Css,Reactjs,我见过各种在hover上放大图像的解决方案，这是一个很好的软件包我试图对包执行此操作，即，每当您将鼠标悬停在图像比较上时，它都会放大鼠标悬停的区域以下是我迄今为止所做工作的完整示例：问题是，我想放大整个组件，而不仅仅是图像。上面的示例代码只是使用backgroundImage显示了其中一个图像，所以这不好我这样做是为了在左边显示一个低分辨率图像，在右边显示同一个高分辨率图像。有时候，你需要放大一点才能看到区别

我见过各种在hover上放大图像的解决方案，这是一个很好的软件包

我试图对包执行此操作，即，每当您将鼠标悬停在图像比较上时，它都会放大鼠标悬停的区域

以下是我迄今为止所做工作的完整示例：

问题是，我想放大整个组件，而不仅仅是图像。上面的示例代码只是使用

backgroundImage

显示了其中一个图像，所以这不好

我这样做是为了在左边显示一个低分辨率图像，在右边显示同一个高分辨率图像。有时候，你需要放大一点才能看到区别