html - css Why do I add translate3d(0,0,0) when the element disappears under hover?
女神的闺蜜爱上我
女神的闺蜜爱上我 2017-06-27 09:19:01
0
2
949
figure.team-blue:hover img{
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
女神的闺蜜爱上我
女神的闺蜜爱上我

reply all(2)
迷茫

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

阿神

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

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template