CSS3 Эффект Кена Бёрна приостанавливается при прокрутке страницы, затем воспроизводится снова для плавной анимации.

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

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

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

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

Скрипка выше покажет вам, как все работает. WebKit только на данный момент.

Любые идеи?

Чудесный


person RIK    schedule 24.06.2011    source источник


Ответы (1)


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

-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
person Todd Baur    schedule 20.09.2011