文章詳情頁
html - css hover下元素消失為何加translate3d(0,0,0)
瀏覽：167日期：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)應(yīng)該是要開啟硬件加速（hack技巧），消失的生效代碼應(yīng)該就是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).大概是說使用硬件加速
標(biāo)簽：
HTML
相關(guān)文章：
1. mysql函數(shù)unix_timestamp如何處理1970.1.1以前的數(shù)據(jù)?2. angular.js - angularjs官網(wǎng)Demo quickstart-master在win10系統(tǒng)中啟動(dòng)時(shí)報(bào)錯(cuò)3. c++ - web 端口80 81 等等都可以開連接 exe端口卻打不開4. 請(qǐng)問一下，這是6.0的嗎？為什么我下載的和老師講的不一樣呢？5. PHPstudy自動(dòng)更新后就提示無權(quán)限打開（win10家庭版）6. windows10 - Windows 10 安裝 nginx 出錯(cuò)7. 安裝按照步驟一直換系統(tǒng)WIN7 WIN10無法實(shí)時(shí)刷新8. phpstudy v8打開數(shù)據(jù)庫就出錯(cuò)，而phpstudy 2018不會(huì)9. python對(duì)8000行csv添加列10. javascript - nginx反向代理靜態(tài)資源403錯(cuò)誤?
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備