gistfile1.css

.arc_img{
	width: 160px;
	height: 160px;
	position: relative;
	display: block;
	overflow: hidden;
	margin:200px auto;
	box-shadow: 0 0 10px #FFF;
}
.light{
	cursor:pointer;
	position: absolute;
	left: -100px;
	top: 0;
	width: 160px;
	height: 160px;
	background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
	transform: skewx(-25deg);
	-o-transform: skewx(-25deg);
	-moz-transform: skewx(-25deg);
	-webkit-transform: skewx(-25deg);

}
.arc_img:hover .light{
	left:120px;
	-moz-transition:0.2s;
	-o-transition:0.2s;
	-webkit-transition:0.2s;
	transition:0.2s;
}