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

Question

我需要为网站开发一个部分，我需要在所选图像上显示扫描仪类型的效果。

它类似于：http://blog.gabrieleromanato.com/2011/11/jquery-scanner-effect-on-a-slideshow/

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

请告知。

Answer 1

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

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

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

你可以在你的图像上使用三个div：一个是宽x的黑色，一个是宽度为w的黑色，另一个是黑色到底，并为三个div设置动画。