CSS-анимации, пытающиеся избежать рывков

Question

Я построил эффект ожога Кен и кое-как сумел сделать его гладким.Проблема в том, что когда пользователь прокручивает экран на устройстве с сенсорным экраном, анимация дергается.

Хотя приостановка анимации при прокрутке может исправить это, но это не так.Анимация хороша до тех пор, пока пользователь не прокрутит ее, затем она станет рывком.Я настроил скрипку.

http://jsfiddle.net/gxUhH/58/

Есть идеи?

Answer 1

Вот длинный выстрел: используйте -webkit-translate-3d вместо -webkit-translate. Первый из них запускает аппаратное ускорение iOS, которое может помочь вам в решении проблемы с производительностью.