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

问题描述

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

问题解答

加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).大概是说使用硬件加速