Как сделать анимацию в html

Для создания анимации в HTML можно использовать CSS свойство animation.

Это позволяет создавать простые анимации, такие как изменение цвета фона, движение объектов и изменение размера. Для создания CSS анимации необходимо использовать @keyframes [rule]. Например, код для создания анимации изменения цвета фона будет выглядеть следующим образом:

@keyframes change-background-color {
  0% {
    background-color: red;
  }
  50% {
    background-color: green;
  }
  100% {
    background-color: blue;
  }
}

.box {
  animation-name: change-background-color;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}