文章詳情頁
transform - CSS3 transition在chrome下的BUG
瀏覽：104日期：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. css - 關于ul的布局3. docker不顯示端口映射呢？4. 使用uuid,并不能利用mysql的索引，有什么解決辦法？5. javascript - 數組原聲方法中的一段代碼6. javascript - 前端開發 本地靜態文件頻繁修改，預覽時的緩存怎么解決？7. android - 優酷的安卓及蘋果app還在使用flash技術嗎？8. JavaScript如何循序漸進，有效的學習？看不下去怎么辦？9. python - linux怎么在每天的凌晨2點執行一次這個log.py文件10. java - public <T> T findOne(T record) 這是什么意思
排行榜
網公網安備