Как сделать анимацию фона в css?

Для создания анимации фона в CSS, вы можете использовать ключевые фреймы анимации и свойство background.

Вот пример кода на CSS, который создает анимацию изменения цвета фона:

@keyframes changeColor {
  0% {
    background-color: red;
  }
  50% {
    background-color: blue;
  }
  100% {
    background-color: green;
  }
}
 
div {
  width: 100px;
  height: 100px;
  animation: changeColor 2s infinite; /* Применяем анимацию к элементу */
}

В данном примере создается анимация changeColor, которая меняет цвет фона элемента от красного к зеленому через синий. Далее применяем эту анимацию к элементу div.

Вы также можете использовать другие свойства фона, такие как background-image, background-size, background-position, чтобы создать более сложные анимации фона. Например, анимация движения фона изображения:

@keyframes moveBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%;
  }
}
 
div {
  width: 100px;
  height: 100px;
  background-image: url('your-image.jpg');
  background-size: cover;
  animation: moveBackground 2s infinite;
}

В этом примере создается анимация moveBackground, которая двигает фоновое изображение от левого верхнего угла к правому нижнему углу элемента div.

Надеюсь, это поможет вам создать анимацию фона в CSS!