Как можно анимировать img?

Question

[Максим js]

Подскажите есть ли способ сделать такое: например на сайт вставлена картинка самолёта , она зациклена двигаться по оси x туда сюда, как можно добавить анимацию мигающей красной лампочке на хвосте самолёта? Чтобы самолёт летал и ещё и мигал?

Comments

[Сергей Соколов]

Вставленная картинка – анимированный GIF (и самолётик виден под разными ракурсами и чуть меняется формой) или статичный «самолётик», картинка которого ездит по странице за счёт JS или CSS анимации?

Answer 1

[Александр]

Comments

[Виктор]

Только скролит сильно))) Наверное лучше картику фоном и уже фон двигать, так скролла не должно быть)

[jamtuson]

Виктор Поляков, overflow-x: hidden для контейнера.
Анимировать фон - плохая идея

[Виктор]

jamtuson, И с чего это она плохая?

[jamtuson]

Виктор Поляков, потому что анимация background-position вызывает перерисовку. Для анимации лучше всего использовать трансформацию, которая использует субпиксельную интерполяцию.

https://stackoverflow.com/questions/35906196/impro...