PROMULGATOR

    爷,@风靡全球%

    北京市
    Html
    Css
    Js

    
                        
* {
	margin: 0;
	padding: 0;
}
.box {
	width: 1000px;
	height: 100px;
	margin: 80px auto;
	transition: all .5s linear;
	animation: animate 0.5s linear infinite;
	background-size: 100px 100px;
	background-image: linear-gradient(  135deg, #fff, #fff 25%, black 25%, black 50%, #fff 50%, #fff 75%, black 75%, black 100%  );
}
/*.box:hover {
	background-position:-100px 0;
}
*/
@keyframes animate {
     0 {
    }
    100% {
         background-position:100px 0;
    }
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

css3渐变实现发廊效果

0