div {
width: 98.5%;
height: 20%;
color: white;
text-align: center;
padding-top: 25px;
background-color: #ff6f00;
position: absolute;
animation-name: example;
animation-duration: 5s;
animation-iteration-count: infinite;
}
@keyframes example {
0% {background-color: #ff6f00;}
20% {background-color: #0088ff;}
40% {background-color: #0007c4;}
60% {background-color: #9400e3;}
80% {background-color: #228000;)
100% {background-color: #ff6f00;}
}
width: 98.5%;
height: 20%;
color: white;
text-align: center;
padding-top: 25px;
background-color: #ff6f00;
position: absolute;
animation-name: example;
animation-duration: 5s;
animation-iteration-count: infinite;
}
@keyframes example {
0% {background-color: #ff6f00;}
20% {background-color: #0088ff;}
40% {background-color: #0007c4;}
60% {background-color: #9400e3;}
80% {background-color: #228000;)
100% {background-color: #ff6f00;}
}