文章詳情頁
transform - CSS3 transition在chrome下的BUG
瀏覽：112日期：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. MySQL中無法修改字段名的疑問2. javascript - 如何讓移動端網頁的輸入框固定在底部？3. docker-machine添加一個已有的docker主機問題4. android - QQ物聯，視頻通話5. 請教各位大佬，瀏覽器點 提交實例為什么沒有反應6. mysql - 怎么讓 SELECT 1+null 等于 17. 大家好，請問在python腳本中怎么用virtualenv激活指定的環境？8. 網頁爬蟲 - 用Python3的requests庫模擬登陸Bilibili總是提示驗證碼錯誤怎么辦?9. javascript - 微信小程序封裝定位問題（封裝異步并可能多次請求）10. python的前景到底有大？如果不考慮數據挖掘，機器學習這塊？
排行榜
網公網安備