重影效果

       思路：1.一个的大div包裹，里面一张图片，再设两个div大小和图片一样的透明div分别在图片左上角和右下角，最后js设置鼠标移入，移出事件即可；

       下面我用图片和语言文字来完成重影动画的效果，我们先看HTML部分。如下：

       先给外层div来个相对定位，里面两个div和图片都给绝对定位，给transform把俩div调整到图片的相应位置，如下：

再设置两个动画效果：

最后js设置鼠标事件移入移出，引入动画：

 

这样鼠标进入图片就会出现动画效果了；