Pourquoi mon image se déplace-t-elle vers la droite au survol de Chrome, malgré le style d'opacité ?

L'image se déplace au survol : résolution du problème d'opacité de Chrome

Lorsque vous survolez les miniatures d'une page Web particulière, l'image se déplace visiblement exclusivement vers la droite sur Chrome. Ce problème survient malgré la définition des valeurs d'opacité pour le style de l'image.

Pour résoudre ce problème, appliquez l'option -webkit-backface-visibility: Hidden; La propriété sur l'élément survolé résout le problème. Cette propriété répond à un comportement spécifique à Chrome lié à la transformation, qui semble affecter la position de l'image lorsque l'opacité est ajustée.

Pour plus de précisions, reportez-vous au guide CSS-Tricks sur la visibilité de la face arrière sur https://css -tricks.com/almanac/properties/b/backface-visibility/.

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!