Les animations CSS de WebKit pour iPhone provoquent un scintillement

Ceci est le site iphone: http://www.thevisionairegroup.com/projects/accessorizer/site/

Après avoir cliqué sur “jouer maintenant”, vous parviendrez à un jeu. Les pistolets défileront. Vous pouvez faire défiler le sac à main et les accessoires de haut en bas. Vous pouvez voir que lorsque vous lâchez, ils se mettent en place. Tout comme ce claquement se produit, il y a un scintillement qui se produit. Les seules animations webkit que j’utilise sont:

'-webkit-transition': 'none' '-webkit-transition': 'all 0.2s ease-out' '-webkit-transform': 'translate(XXpx, XXpx)' 

Je choisis la première ou la deuxième transition selon que je veux ou non l’animer, et la transformation est la seule façon de déplacer les choses.

Le plus gros problème est quand vous cliquez sur “Match items”, puis cliquez sur “Play again”. Vous verrez que les armes s’animent, tout l’arrière-plan des accessoires / sacs à main devient blanc. Quelqu’un peut-il s’il vous plaît me rayonner avec une idée de pourquoi cela se produit?

J’ai ajouté -webkit-backface-visiblity et cela -webkit-backface-visiblity surtout aidé, mais j’ai quand même eu un premier scintillement après avoir rechargé la page. Quand j’ai ajouté -webkit-perspective: 1000 , il n’y avait aucun scintillement.

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

Essayez ceci et j’espère que cela vous aidera:

 #game { -webkit-backface-visibility: hidden; } 
 body {-webkit-transform:translate3d(0,0,0);} 

La réponse à mon cas est ici. Quelqu’un était proche de: -webkit-backface-visibility: hidden; Mais la vraie réponse est -webkit-backface-visibility: hidden; doit être ajouté au div parent .