Фон для сайта с анимацией CSS

Чтобы создать фон для сайта с анимацией нужно подобрать картинку, рисунок которой будет совпадать по всем ее сторонам. Направление движения и скорость можно поменять, и сделать движущиеся горы, дождь, падающие снежинки или звездопад.

Пример

Lorem Ipsum

HTML


<div class="bg-ex-animation">Lorem Ipsum</div>

CSS


.bg-ex-animation {
  background: url(image.jpg); /* Путь к картинке */
  background-position: 0 0;
  background-repeat: repeat;
  animation: animated-bg 60s linear infinite;
  width: 100%;
  height: 350px;
}
@keyframes animated-bg {
  from { background-position: 0 0; }
  to { background-position: 0 1000px; }
}