文章詳情頁
html - css hover下元素消失為何加translate3d(0,0,0)
瀏覽：83日期：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. 360瀏覽器與IE瀏覽器有何區別？？？2. ubuntu16.04 - nginx+uwsgi部署django，8000端口正常，80端口4043. 域名解析在Ubuntu64 9.04計算機上的Java應用程序中不起作用。所有其他軟件可以正確解析DNS4. javascript - 關于clone vue2.0項目，運行不了的問題5. css - transform: translateY(-50%)在360瀏覽器極速模式下使得文字變模糊了6. python3.x - python3.5使用pyinstaller打包報錯找不到libpython3.5mu.so.1.0等文件求解？7. django - nginx無法使用80端口（它會自動跳轉到nginx的歡迎界面），其他端口可以使用8. nginx反向代理 使用多個location url 匹配到不同主機的不同服務，出現404問題9. python - Django 測試url老是返回404，用瀏覽器瀏覽url就正常，這是怎么回事？10. 設置了margin:0 auto;無法居中咋回事？
排行榜
網公網安備