css3之图片一闪而过特效

css3是一个很强大的东西，如果想要实现鼠标移上图片时一片亮光一闪而过的效果，比如http://www.fenqile.com/product/mobile/list.html。

具体代码如下：

<div class="img_wrap">
    <img src="images/1.jpg" alt="" />
    <em></em>
</div>

<style type="text/css">

.img_wrap  em {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
    height: 280px;
    left: -320px;
    position: absolute;
    top: 0;
    transform: skewX(-25deg);
    width: 280px;
}

.img_wrap:hover  em  {
    left: 280px;
    transition: all 0.5s ease 0s;
}
</style>