文章詳情頁
html - css hover下元素消失為何加translate3d(0,0,0)
瀏覽：87日期：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. python - nginx 小白， nginx 啟動后 80 端口無法訪問2. ubuntu 16.0.4 server 版亂碼3. java如何高效讀寫10G以上大文件4. javascript - main head .intro-text{width:40%} main head{display:flex}為何無效？5. bootstrp是col-md-12列的,只有col-md-10有內容,可以讓沒有內容的不占據位置嗎;6. android - SwipeRefreshLayout5.0以下不兼容7. java - c++ 經常出現error LNK20198. MySQL 使用 group by 之后然后 IFNULL(COUNT(*),0) 為什么還是會獲得 null9. mysql 為什么主鍵 id 和 pid 都市索引, id > 10 走索引 time > 10 不走索引?10. mysql - linux ubuntu14.04找不到3306端口
排行榜
網公網安備