文章详情页
html - css hover下元素消失为何加translate3d(0,0,0)
浏览：218日期：2023-06-15 17:05:41
问题描述
figure.team-blue:hover img{ opacity: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
问题解答
回答1：加translate3d(0,0,0)应该是要开启硬件加速（hack技巧），消失的生效代码应该就是opacity: 0;那句。
回答2：Using -webkit-transform: translate3d(0,0,0); will kick the GPU into action for the CSS transitions, making them smoother (higher FPS).大概是说使用硬件加速
标签：
HTML
相关文章：
1. android-webview - Android 7.0 webview不自动刷新2. linux - nginx出现recv() failed (104: Connection reset by peer)3. django - nginx无法使用80端口（它会自动跳转到nginx的欢迎界面），其他端口可以使用4. tp5.0|php8.0 在window系统上写定时任务，执行报错5. 我正在维护一个40K行的Java类。6. phpstady在win10上运行7. pc安装win10+ubuntu双系统硬盘启动问题8. html5 - node静态资源服务器设置了Cache-Control，但浏览器从来不走3049. java - 为什么这段代码执行偶尔能够达到50~100ms？10. yii2 - MySQL [23000] Column cannot be null
排行榜
网公网安备