html - css Why do I add translate3d(0,0,0) when the element disappears under hover?

Question

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

Answer 1

Adding translate3d(0,0,0) should be to enable hardware acceleration (hack technique), and the disappearing effective code should be the sentence opacity: 0;.

Answer 2

Using -webkit-transform: translate3d(0,0,0); will kick the GPU into action for the CSS transitions, making them smoother (higher FPS). Probably means using hardware acceleration