Pourquoi mon webkit-transform Transition scintille-t-il et comment puis-je y remédier ?

Élimination du scintillement dans les transitions webkit-transform

Malgré l'obtention de l'effet d'animation souhaité à l'aide de webkit-transform, vous rencontrez un bref scintillement juste avant le transition. Cet article explore la cause de ce problème et propose une solution pour atténuer le scintillement.

Le JavaScript que vous utilisez pour modifier la propriété webkit-transform semble être correct. Cependant, la solution réside dans le traitement d'un aspect de la déclaration CSS.

Comme mentionné dans le fil de discussion associé, l'ajout de la propriété CSS suivante à l'élément affecté résout le scintillement :

-webkit-backface-visibility: hidden;

Cette propriété indique au navigateur de ne pas restituer la face arrière de l'élément pendant la transition, empêchant ainsi le scintillement provoqué par le changement soudain de la position de l'élément.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!