CSS3 Кен Burn эффект паузы при прокрутке страницы, а затем играть снова для плавной анимации

Question

Я создал CSS3 эффект Кена Берна с помощью других участников этого сообщества. Это было отрывисто, пока мы не переключились на анимацию перевода. Теперь это очень гладко.

http://jsfiddle.net/gxUhH/52/

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

Я думаю, что решением было бы приостановить анимацию при прокрутке, а затем воспроизвести снова после завершения прокрутки. Я не знаю, как это сделать. Мне также было бы приятно услышать любые другие предложения по этому вопросу.

Скрипка выше покажет вам все это функционально. WebKit только на данный момент.

Есть идеи?

Marvelous

Answer 1

У меня были некоторые проблемы с мерцающей и прерывистой анимацией, и этот бит исправил это:

-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;