图片上加一划而过的 闪光

[cc lang=”css”].img {
display:block;
position: relative;
width:800px;
height:450px;
margin:0 auto;
}
.img:before{
content: “”;
position: absolute;
width:200px;
eight: 100%; top: 0;
left: -150px;
overflow: hidden;
//background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0)));

background:linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
transform: skewX(-25deg);

}

.img:hover:before {
left: 150%;
transition: left 1s ease 0s;
}[/cc]

[cc lang=”html”]

[/cc]