文章詳情頁
html - css hover下元素消失為何加translate3d(0,0,0)
瀏覽：63日期：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. ubuntu16.04 - ubuntu 16.04 apache2 安裝成功，但是 dosen’t work!!!2. css3模糊效果-webkit-filter: blur(10px);在安卓手機上無效？3. pycharm運行python3.6突然出現R6034問題，請問如何處理？4. mysql - SQL語句可以提供“查詢表，并至第100條結果為止”嗎？5. css - psd設計稿給的是1920寬的，而我的電腦是1600寬的，那我在寫代碼時，是不是每個寬度都要計算調整6. java - Intellij idea2017如何實現thymeleaf自動補全？7. python - 一個Flask Web應用報了一個error: [Errno 10053]錯，求解決。8. javascript - nodejs調用qiniu的第三方資源抓取，返回401 bad token，為什么9. 為什么css中設置margin:0 auto; 水平居中無效？10. javascript - 圖片能在網站顯示，但控制臺仍舊報錯403 (Forbidden)
排行榜
網公網安備