css3 light

.i-project .i-art-wrap .light {
        cursor: pointer;
        position: absolute;
        left: -100%;
        top: 0;
        width: 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%
    }

posted @ 2017-06-28 11:25  我是前端QQ942031558  阅读(168)  评论(0编辑  收藏  举报