文章詳情頁
transform - CSS3 transition在chrome下的BUG
瀏覽:194日期:2023-07-21 18:56:20
問題描述
一段很簡單的代碼:
p{width:100px;height:100px;background:red;transition:all .5s ease;}p:hover{transform:rotate(30deg);}
在chrome 45下,鼠標(biāo)移動到p上時,偶爾會沒有過渡效果,而是直接旋轉(zhuǎn)到30度,離開的時候也會偶爾沒有過渡效果,直接回到0度。在firefox下卻沒有這個問題。
問題解答
回答1:.p{transition:all .3s ease}.p:hover{transition:all .3s ease;transform:rotate(360deg)}
鼠標(biāo)經(jīng)過時過渡,鼠標(biāo)離開后也要寫過渡
回答2:寫的沒問題啊,更新瀏覽器吧
標(biāo)簽:
CSS
相關(guān)文章:
1. 測試自動化html元素選擇器元素ID或DataAttribute [關(guān)閉]2. html5和Flash對抗是什么情況?3. 運(yùn)行python程序時出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯誤?4. javascript - QQ第三方登錄的問題5. node.js - mongodb查找子對象的名稱為某個值的對象的方法6. 利用IPMI遠(yuǎn)程安裝centos報錯!7. 在mac下出現(xiàn)了兩個docker環(huán)境8. spring-mvc - spring-session-redis HttpSessionListener失效9. java - Spring boot 讀取 放在 jar 包外的,log4j 配置文件,系統(tǒng)有創(chuàng)建日志文件,不寫入日志信息。10. 正在使用electron和node.js做桌面應(yīng)用,需要實(shí)時監(jiān)聽是否有網(wǎng)絡(luò)連接,node或者electron是否可以做到
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備