天天看點

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%

    }