css3 light

.i-project .i-art-wrap .light {
        cursor: pointer;
        position: absolute;
        left: -100%;
        top: 0;
         100%;
        height: 100%;
        background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));
        transform: skewx(-25deg);
        -o-transform: skewx(-25deg);
        -moz-transform: skewx(-25deg);
        -webkit-transform: skewx(-25deg)
    }

.i-project .i-art-wrap:hover .light {
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        left: 100%
    }

原文地址:https://www.cnblogs.com/hlyin/p/7088930.html