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背景渐变动画

更新时间:2019-12-24 16:47:47

超级简单,容易修改

0