文章詳情頁
html - css hover下元素消失為何加translate3d(0,0,0)
瀏覽：100日期：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. vue2.0+webpack 如何使用bootstrap？2. javascript - JS請求報錯：Unexpected token T in JSON at position 03. sass - gem install compass 使用淘寶 Ruby 安裝失敗，出現 4044. windows10 - Windows 10 安裝 nginx 出錯5. phpstady在win10上運行6. android-studio - Win10下修改Windows用戶文件夾名user，導致Android Studio報錯無法使用7. c++ - web 端口80 81 等等都可以開連接 exe端口卻打不開8. 在win7上安裝2015vc++運行庫安裝失敗怎么解決？9. 安裝按照步驟一直換系統WIN7 WIN10無法實時刷新10. mysql 遠程連接出錯10060，我已經設置了任意主機了。。。
排行榜
網公網安備