html - css Pourquoi dois-je ajouter Translate3d(0,0,0) lorsque l'élément disparaît au survol ?

Question

figure.team-blue:hover img{
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

Answer 1

L'ajout de Translate3d(0,0,0) devrait permettre d'activer l'accélération matérielle (technique de piratage), et le code effectif qui disparaît devrait être la phrase opacity: 0;.

Answer 2

L'utilisation de -webkit-transform:translate3d(0,0,0); mettra le GPU en action pour les transitions CSS, les rendant plus fluides (FPS plus élevés signifie probablement utiliser l'accélération matérielle

).