Welcome

@keyframes example {
  from {background-color: red;}
  to {background-color: yellow;}
}

/* The element to apply the animation to */
div {
  width: 100px;
  height: 100px;
  background-color: red;
  animation-name: example;
  animation-duration: 4s;
}

https://www.youtube.com/watch?v=ghs-gtBT1Ns&list=PLT1_PZxbp56mvjk0Jxg0II5omFOeMw147&index=1