@cker

Как улучшить плавность анимации для картинок на чистом css?

У меня есть 2 картинки одна поверх другой. Картинки просто движутся справа налево. На некоторых ПК заметно подергивание. Я так понимаю это происходит когда компьютер чем-то перегружается.
Использую простой код (ниже). Может у кого-то есть опыт как избежать подергиваний?

Вот код:

.header .img.img-1 {
  background: url("1.svg") repeat-x right bottom / 4571px 608px;
  height: 608px;
  width: 9142px;
  bottom: 0;
  animation: loop 30s infinite linear;
}

.header .img.img-2 {
  background: url("2.svg") repeat-x right bottom / 4575px 488px;
  height: 488px;
  width: 9150px;
  bottom: 104px;
  animation: loop 35s infinite linear;
}
  • Вопрос задан
  • 47 просмотров
Пригласить эксперта
Ответы на вопрос 1
khegay
@khegay
Founder, NNDB Kazakhstan
transition вам в помощь.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы