Question La transition CSS3 laisse une trace


Cela arrive parfois avec un texte particulier, en transition avec CSS3. Je ne connais pas la raison pour laquelle cela se produit et donc je ne peux pas recréer le même dans jsfiddle.

Mais vous pouvez regarder la 4ème diapositive (celle avec 5 anneaux) ici,

http://jashwant.github.io/kickass-slider/

Cool le texte laisse une trace lors de l'animation et le suivi est supprimé après un certain temps. Mais tout autre texte fonctionne bien sans laisser de trace. Je ne suis pas capable de découvrir le problème.

Comment puis-je éviter cette piste?

(J'utilise le dernier linux chrome 26.0.1410.63)

p.s. J'utilise jquery-transit pour animer.

Voir le Cool en photo.

enter image description here

METTRE À JOUR:

Voici une réponse plus détaillée


14
2018-04-27 18:42


origine


Réponses:


Vous pouvez rendre les objets en mouvement accélérés dans Chrome, jusqu'à ce que le bogue soit résolu. Ajoutez simplement la ligne

-webkit-transform: translate3d(0,0,0);

à la définition de vos objets slider (Dans mon test, je l'ai ajouté à:

.slider > li > .object {

). Cela a corrigé pour moi.


23
2018-05-06 15:39