文章詳情頁
transform - CSS3 transition在chrome下的BUG
瀏覽：81日期：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. javascript - ionic1的插件如何遷移到ionic2的項目中2. java - 如何在Fragment中調用Activity的onNewIntent?3. javascript - h5上的手機號默認沒有識別4. mysql里的大表用mycat做水平拆分，是不是要先手動分好，再配置mycat5. css - 關于input標簽disabled問題6. python - 獲取到的數據生成新的mysql表7. 怎么用css截取字符？8. window下mysql中文亂碼怎么解決？？9. javascript - jquery hide()方法無效10. python的文件讀寫問題？
排行榜
網公網安備