Maison >interface Web >tutoriel CSS >Pourquoi mes transitions CSS provoquent-elles un flou et un mouvement de l'image dans Chrome ?
L'effet de transition CSS provoquant un flou et un mouvement de l'image dans Chrome ?
Le problème avec les effets de transition CSS provoquant un flou et un mouvement de l'image dans Chrome peut être attribué aux limitations des transitions CSS lors de la manipulation d'éléments dans certains contextes.
Le Problème
Lors de l'application d'une transition à un élément qui implique un mouvement (traduire), cela peut entraîner des effets secondaires indésirables tels que :
Ce problème est plus prononcé lorsque la page comporte des barres de défilement et est particulièrement évident lorsque plusieurs instances de l'élément affecté sont présentes.
La solution
Pour atténuer ce problème, vous pouvez appliquer les propriétés CSS suivantes à l'élément concerné element:
-webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1);
Explication
Supplémentaire Notes
backface-visibility: hidden; transform: translateZ(0) scale(1, 1);
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!