<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
*{
margin: 0px;
padding: 0px;
}
body,html{
width: 100%;
height: 100%;
background: linear-gradient(-90deg, #ffff7f, #00aaff, #aaaa7f, #55aaff);
background-size: 400% 400%;
animation: gradientBG 5s ease infinite;
}
@keyframes gradientBG{
0%{
background-position: 0% 50%;
}
50%{
background-position: 100% 50%
}
100%{
background-position: 0% 50%;
}
}
</style>
</head>
<body>
</body>
</html>
本文地址:https://blog.csdn.net/weixin_47493074/article/details/107354264