文章詳情頁
transform - CSS3 transition在chrome下的BUG
瀏覽：83日期：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. 我的html頁面一提交，網頁便顯示出了我的php代碼，求問是什么原因？2. 我在centos容器里安裝docker，也就是在容器里安裝容器，報錯了？3. 數據庫 - 使用讀寫分離后, MySQL主從復制延遲會導致讀不到數據嗎?4. tp6表單令牌5. docker 17.03 怎么配置 registry mirror ?6. 老哥們求助啊7. django - 后臺返回的json數據經過Base64加密，獲取時用python如何解密~！8. node.js - node 客戶端socket一直報錯Error: read ECONNRESET，用php的socket沒問題哈。。9. 如何解決docker宿主機無法訪問容器中的服務？10. javascript - canvas 可以實現 PS 魔法橡皮擦的功能嗎？
排行榜
網公網安備