文章詳情頁
html - css hover下元素消失為何加translate3d(0,0,0)
瀏覽：72日期：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 - main head .intro-text{width:40%} main head{display:flex}為何無效？2. javascript - ~~(0+Math.random()*51) 加不加零有什么區別？3. PhpStudy 8.0 一個服務器怎么創建多個網站，需要注意一些什么4. 在mac pro 上搭建了nginx 服務器，一個簡單的html頁面，200并發都扛不住，為什么5. java - 統計出20170403到20170420期間點擊量前十的廣告每天的點擊量6. 設置了margin:0 auto;無法居中咋回事？7. Mysql啟動發生系統錯誤10678. java-ee - javaEE 是不是都用 Nginx 代理 Tomcat ，還是直接就用 Tomcat 端口809. python - 使用gbk18030編碼的亂碼問題10. javascript - 如何讓一個字符串是一位數前面自動補0并且三位數只保留兩位
排行榜
網公網安備