文章详情页
html - css hover下元素消失为何加translate3d(0,0,0)
浏览：152日期：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. node.js - windows10怎么在git bash中使用nvmw?2. docker 17.03 怎么配置 registry mirror ?3. angular.js - angular中的controller 的js文件如何修改css样式比如margin：0?4. nignx - docker内nginx 80端口被占用5. javascript - node版本7.10，使用export default报错6. javascript - echart2.0 饼图不能自适应？？？7. javascript - 请问w3c里面这个js案例，我用window.onload来写怎么点击结束按钮之后，再点击开始，从0计数8. 添加不了数据 报 500网络错误9. javascript - ajax请求nodejs后台，开启服务器后，localhost:3000/index.html页面既没有报错，也没有文字。。。10. css3中translate(-50%,-50%)对 transform-origin的奇葩影响？
排行榜
网公网安备