Background Color change animation using Html and Css #html #css #animation

#html #css #animation

Code ----
.bg-color-change {
width: 10rem;
height: 10rem;
background-color: black;
border-radius: 0.5rem;
box-shadow: 0rem 1rem 2rem rgba(0, 0, 0, 0.2);
animation: change 10s linear infinite;
}

@keyframes change {
0% {
background-color: black;
}
25% {
background-color: yellowgreen;
}
50% {
background-color: orange;
}
75% {
background-color: green;
}
100% {
background-color: aquamarine;
}
}