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

figure.team-blue:hover img{
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
阅读 3.4k
2 个回答

加translate3d(0,0,0)应该是要开启硬件加速(hack技巧),消失的生效代码应该就是opacity: 0;那句。

Using -webkit-transform: translate3d(0,0,0); will kick the GPU into action for the CSS transitions, making them smoother (higher FPS).大概是说使用硬件加速

推荐问题