使用jquery或javascript对网页进行图像扫描的效果

我需要为网站开发一个部分，在那里我需要显示一个扫描仪对所选图像的效果

这类似于：

我需要的是一个黑暗中的图像和一个从左到右的垂直光效果，我在光源下面显示图像的部分。一旦光线经过任何部分，它就会再次变暗

---

请告知。

我看到两种选择，取决于您想要的浏览器支持，您可以在图像上方的div中设置CSS渐变动画，渐变类似

linear-gradient(to right, black x%, transparent (x+w)%, black)

x是闪电效果的开始，w是宽度（在x上设置动画）。当然，你可能会在你的黑色皮肤上使用一些小透明度

---

您也可以在图像上使用三个div：一个黑色的宽度为x，一个透明的宽度为w，另一个黑色的结尾，并为这三个div设置动画。

谢谢@Champi。您可以给我一个提琴选项2：您也可以在图像上使用三个div：一个黑色的宽度为x，一个透明的宽度为w，另一个黑色的结尾，Pawan这里有一个简单的提琴：（现在只适用于webkit）它需要一些更新。我正在使白色条收缩，但这很容易修复。我正在使用ccs转换，但是如果你想要一些旧的浏览器支持，你可以使用完整的javascript。这就是我想要的@Pawan这里是另一个使用css3渐变的提琴：与前面一样，omly在webkit上工作，但您只需要添加匹配的供应商前缀，就可以在其他浏览器上工作。不幸的是，我们还不能在渐变上使用css3动画，但无论如何，它在chrome上工作得相当顺利。哦，如果我已经回答了你的问题，请记下来！谢谢