文章詳情頁
transform - CSS3 transition在chrome下的BUG
瀏覽:199日期:2023-07-21 18:56:20
問題描述
一段很簡單的代碼:
p{width:100px;height:100px;background:red;transition:all .5s ease;}p:hover{transform:rotate(30deg);}
在chrome 45下,鼠標移動到p上時,偶爾會沒有過渡效果,而是直接旋轉到30度,離開的時候也會偶爾沒有過渡效果,直接回到0度。在firefox下卻沒有這個問題。
問題解答
回答1:.p{transition:all .3s ease}.p:hover{transition:all .3s ease;transform:rotate(360deg)}
鼠標經過時過渡,鼠標離開后也要寫過渡
回答2:寫的沒問題啊,更新瀏覽器吧
標簽:
CSS
相關文章:
1. python小白 自學看書遇到看不懂的地方2. javascript - avalon.js ms-on 事件綁定無效 ?3. javascript - vue中使用prop傳遞數據問題4. javascript - 連續點擊觸發mouseleave事件5. php對mysql提取數據那種速度更快6. DADB.class.php文件的代碼怎么寫7. shell - mysql更新錯誤8. javascript - immutable配合react提升性能?9. mysql - 在log日志中已知用戶的某一步操作,如何獲取其上一步操作?10. 網頁爬蟲 - 如何使用使用java抓取信息并制作一個排名系統?
排行榜

網公網安備