文章详情页
html - css hover下元素消失为何加translate3d(0,0,0)
浏览：149日期：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. javascript - nodejs调用qiniu的第三方资源抓取，返回401 bad token，为什么2. html5 - node静态资源服务器设置了Cache-Control，但浏览器从来不走3043. javascript - position fixed；设置了height 100 却不是浏览器可视窗口的宽高，求大神释疑。4. python - 为解决403 加了user-agent,但之后使用urlretrieve就提示正则匹配错误5. javascript - 把字符串日期转换成一般时间格式后，发现小于10的数字不会自动添加0在前面，如下6. mysql - ubuntu开启3306端口失败,有什么办法可以解决？7. css - 使用 min-height:calc( 100vh - 64px )问题8. 数据库 - MySQL 单表500W+数据，查询超时，如何优化呢？9. python3.x - Python3 socket sendall出现1005710. javascript - windows下node安装错误 错误提示2503
排行榜
网公网安备