html - css ホバーで要素が消えるときに、translate3d(0,0,0) を追加するのはなぜですか?

Question

リーリー

Answer 1

translate3d(0,0,0)を追加するのはハードウェアアクセラレーション(ハック手法)を有効にするためであり、消える有効なコードはopacity: 0;の文章になるはずです。

Answer 2

-webkit-transform: translation3d(0,0,0); を使用すると、CSS トランジションの動作が GPU に開始され、よりスムーズになります (FPS が高くなります)。