[ad_1]
#gradient {
width: 1440px;
height: 1024px;
background: linear-gradient(130.77deg, #950000 25.04%, #D64000 84.38%);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-animation: bgChange 10s ease infinite;
-moz-animation: bgChange 10s ease infinite;
animation: bgChange 10s ease infinite;
}
@-webkit-keyframes bgChange {
0% {
background: linear-gradient(183.8deg, #83002F 32.71%, #F60000 136.7%);
}
20% {
background: linear-gradient(262.57deg, #64114D 13.14%, #F60059 124.77%);
}
40% {
background: linear-gradient(297.68deg, #002459 7.35%, #AB00D6 102.37%);
}
60% {
background: linear-gradient(1.41deg, #00D085 -12.95%, #00109D 123.44%);
}
80% {
background: linear-gradient(55.26deg, #EFC900 12.66%, #00FFC2 125.91%);
}
100% {
background: linear-gradient(87.47deg, #BD3900 20.56%, #FFA800 111.39%);
}
}
@-moz-keyframes bgChange {
0% {
background: linear-gradient(183.8deg, #83002F 32.71%, #F60000 136.7%);
}
20% {
background: linear-gradient(262.57deg, #64114D 13.14%, #F60059 124.77%);
}
40% {
background: linear-gradient(297.68deg, #002459 7.35%, #AB00D6 102.37%);
}
60% {
background: linear-gradient(1.41deg, #00D085 -12.95%, #00109D 123.44%);
}
80% {
background: linear-gradient(55.26deg, #EFC900 12.66%, #00FFC2 125.91%);
}
100% {
background: linear-gradient(87.47deg, #BD3900 20.56%, #FFA800 111.39%);
}
}
@keyframes bgChange {
0% {
background: linear-gradient(183.8deg, #83002F 32.71%, #F60000 136.7%);
}
20% {
background: linear-gradient(262.57deg, #64114D 13.14%, #F60059 124.77%);
}
40% {
background: linear-gradient(297.68deg, #002459 7.35%, #AB00D6 102.37%);
}
60% {
background: linear-gradient(1.41deg, #00D085 -12.95%, #00109D 123.44%);
}
80% {
background: linear-gradient(55.26deg, #EFC900 12.66%, #00FFC2 125.91%);
}
100% {
background: linear-gradient(87.47deg, #BD3900 20.56%, #FFA800 111.39%);
}
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackoverflow.com/questions/72445918/style.css">
<title>Gradient</title>
</head>
<body>
<div id="gradient"></div>
</body>
</html>[ad_2]