CSS3 Ken Burn efekt pauzy, gdy strona przewija się, a następnie odtwarzaj ponownie dla płynnej animacji - css3, efekty, przejścia css, animacje css

Zbudowałem efekt CSS3 Ken Burn z pomocą innych osób w tej społeczności. Było to niewygodne, dopóki nie przełączyliśmy się na animację tłumaczenia. Teraz jest bardzo gładka.

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

Problem polega na tym, że kiedy strona jest przewijana na urządzeniu z ekranem dotykowym, staje się gwałtowna. Prawdopodobnie wynika to z dodatkowej wymaganej mocy obliczeniowej.

Myślę, że rozwiązaniem byłoby wstrzymanieanimacja po przewinięciu, a następnie odtwarzaj ponownie po zakończeniu przewijania. Nie wiem, jak to osiągnąć. Cieszę się również z wszelkich innych sugestii na ten temat.

Powyższe fiddle pokaże ci wszystko funkcjonalnie. WebKit tylko w tej chwili.

Jakieś pomysły?

Cudowny

Odpowiedzi:

Miałem problemy z migotaniem i ostrymi animacjami, które naprawiłem:

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