Animation webkit extrêmement lente depuis la mise à jour

Question

J'ai un curseur qui est maintenant complètement inutilisable dans les dernières versions de chrome et safari, les anciennes versions le montrent bien. Tout en le développant j'ai testé le chrome, firefox et IE, ils ont tous bien fonctionné (sauf quelques problèmes de style dans le plus vieux c'est-à-dire mais l'animation était bien).

cas de test minimal de celui-ci ici http://www.thetrainingconcept.co.uk/error.htm

Le javascript est disponible ici http://assets.thetrainingconcept.co.uk/www/js/plugins/jquery.feature-slide.js?v=1.0.0

Je ne peux pas comprendre cela du tout, il n'y a aucune erreur js, je PROFILES et que les regards D'accord. J'ai essayé de faire un simple test pour le profiler mais j'ai exactement le même comportement. J'espère vraiment que quelqu'un a une idée de ce qui ne va pas ici.

Edit: Je note également que j'ai cherché haut et bas, lu de nombreuses questions « animations lentes de chrome », dont aucun n'a été d'aucune aide. Rappelez-vous, cela a fonctionné absolument bien jusqu'à une mise à jour récente affectant chrome et safari. La version de chrome que j'utilise est la version 23.0.1271.97 m, si vous avez une ancienne version, elle peut apparaître correctement.

Answer 1

Je l'ai compris. La réponse, à mon avis, n'est pas évidente, si c'est à quelqu'un d'autre, pourraient-ils m'expliquer s'il vous plaît?

Ainsi, animate.css applique -webkit-backface-visibility:hidden; à l'étiquette du corps. Pour une raison quelconque, cela a causé tous les problèmes que j'ai rencontrés avec l'animation javascript étant horrible. Heureusement, je n'utilise pas les animations 3D de cette bibliothèque, donc je peux l'enlever et résoudre mon problème. Maintenant, je ne sais pas si c'est un bug dans webkit ou un bug dans animate.css, je penche pour que ce soit un problème avec webkit car je ne comprends pas pourquoi cette propriété devrait provoquer les ralentissements ça a fait des animations sans css.

http://daneden.me/animate/ - la bibliothèque animation css http://css-tricks.com/almanac/properties/b/backface-visibility/ - plus d'explications sur la propriété backface visibilité