Html
    Css
    Js


body {
	margin:0;
	padding:0;
	font-family:"montserrat";
	background-image:linear-gradient(125deg,#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad);
	background-size:400%;
	animation:bganimation 15s infinite;
}
.text {
	color:white;
	text-align:center;
	text-transform:uppercase;
	margin:350px 0;
	font-size:22px;
}
@keyframes bganimation {
	0% {
	background-position:0% 50%;
}
50% {
	background-position:100% 50%;
}
100% {
	background-position:0% 50%;
}
}

↑上面代碼改變,會自動顯示代碼結果 jQuery調用版本:1.11.3
 立即下載

CSS背景漸變動畫

内蒙古十一选五的走势图百度乐彩网 www.cyiqh.com 更新時間:2019-12-24 16:47:47

超級簡單,容易修改

0