PROMULGATOR

    你的青春闻起来很香??

    北京市光环新网
    Html
    Css
    Js

    
                        
@keyframes mymove {
	from {
	background-image:-webkit-repeating-linear-gradient(-60deg,transparent 10px,rgba(255,255,255,0.15) 10px,rgba(255,255,255,0.15) 20px,transparent 20px,rgba(255,255,255,0.15) 30px,rgba(255,255,255,0.15) 30px);
	background-image:-moz-repeating-linear-gradient(-60deg,rgba(255,255,255,0.15) 10px,transparent 10px,transparent 20px,rgba(255,255,255,0.15) 20px,rgba(255,255,255,0.15) 30px,transparent 30px);
	background-image:-o-repeating-linear-gradient(-60deg,rgba(255,255,255,0.15) 10px,transparent 10px,transparent 20px,rgba(255,255,255,0.15) 20px,rgba(255,255,255,0.15) 30px,transparent 30px);
	background-image:repeating-linear-gradient(-60deg,transparent 10px,rgba(255,255,255,0.15) 10px,rgba(255,255,255,0.15) 20px,transparent 20px,rgba(255,255,255,0.15) 30px,rgba(255,255,255,0.15) 30px);
}
to {
	background-image:-webkit-repeating-linear-gradient(-60deg,rgba(255,255,255,0.15) 10px,transparent 10px,transparent 20px,rgba(255,255,255,0.15) 20px,rgba(255,255,255,0.15) 30px,transparent 30px);
	background-image:-moz-repeating-linear-gradient(-60deg,rgba(255,255,255,0.15) 10px,transparent 10px,transparent 20px,rgba(255,255,255,0.15) 20px,rgba(255,255,255,0.15) 30px,transparent 30px);
	background-image:-o-repeating-linear-gradient(-60deg,rgba(255,255,255,0.15) 10px,transparent 10px,transparent 20px,rgba(255,255,255,0.15) 20px,rgba(255,255,255,0.15) 30px,transparent 30px);
	background-image:repeating-linear-gradient(-60deg,rgba(255,255,255,0.15) 10px,transparent 10px,transparent 20px,rgba(255,255,255,0.15) 20px,rgba(255,255,255,0.15) 30px,transparent 30px);
}
}.bar {
	width:280px;
	height:30px;
	margin:100px auto;
	overflow:hidden;
	border-radius:15px;
}
.jindutiao {
	width:0;
	height:30px;
	background:#149bdf;
	background-image:-webkit-repeating-linear-gradient(-60deg,rgba(255,255,255,0.15) 10px,transparent 10px,transparent 20px,rgba(255,255,255,0.15) 20px,rgba(255,255,255,0.15) 30px,transparent 30px);
	background-image:-moz-repeating-linear-gradient(-60deg,rgba(255,255,255,0.15) 10px,transparent 10px,transparent 20px,rgba(255,255,255,0.15) 20px,rgba(255,255,255,0.15) 30px,transparent 30px);
	background-image:-o-repeating-linear-gradient(-60deg,rgba(255,255,255,0.15) 10px,transparent 10px,transparent 20px,rgba(255,255,255,0.15) 20px,rgba(255,255,255,0.15) 30px,transparent 30px);
	background-image:repeating-linear-gradient(-60deg,rgba(255,255,255,0.15) 10px,transparent 10px,transparent 20px,rgba(255,255,255,0.15) 20px,rgba(255,255,255,0.15) 30px,transparent 30px);
	animation:mymove 0.2s infinite;
}

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

会动的进度条

0