html - css Mengapa saya menambah translate3d(0,0,0) apabila elemen hilang di bawah tuding?

Question

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

Answer 1

Menambah translate3d(0,0,0) hendaklah untuk mendayakan pecutan perkakasan (teknik penggodaman), dan kod berkesan yang hilang mestilah ayat opacity: 0;.

Answer 2

Menggunakan -webkit-transform: translate3d(0,0,0); akan melancarkan GPU ke dalam tindakan untuk peralihan CSS, menjadikannya lebih lancar (FPS yang lebih tinggi mungkin bermakna menggunakan pecutan perkakasan).