Comment éliminer le scintillement pendant les transitions de « transformation » de WebKit ?

Éliminer le scintillement lors des transitions webkit-transform dans WebKit

Les développeurs Web peuvent rencontrer un scintillement indésirable avant les animations de la propriété webkit-transform. Pour résoudre ce problème :

Cause du scintillement :

Les navigateurs WebKit mettent en cache les images pendant sa couche composite. Avant de lancer la transition, le navigateur doit d'abord déplacer l'élément vers le calque composite, provoquant un scintillement momentané.

Solution :

Implémentez la propriété CSS suivante pour le élément affecté :

-webkit-backface-visibility: hidden;

Cette propriété demande à WebKit d'éliminer le scintillement en rendant la face arrière de l'élément invisible. Par conséquent, le navigateur évite de déplacer l'élément vers le calque composite pour l'animation, résolvant ainsi le scintillement.

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!