css hover下元素消失为何加translate3d(0,0,0)

Question

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

Answer 1

加translate3d(0,0,0)应该是要开启硬件加速（hack技巧），消失的生效代码应该就是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).大概是说使用硬件加速