文章詳情頁
transform - CSS3 transition在chrome下的BUG
瀏覽:197日期: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上時,偶爾會沒有過渡效果,而是直接旋轉(zhuǎn)到30度,離開的時候也會偶爾沒有過渡效果,直接回到0度。在firefox下卻沒有這個問題。
問題解答
回答1:.p{transition:all .3s ease}.p:hover{transition:all .3s ease;transform:rotate(360deg)}
鼠標經(jīng)過時過渡,鼠標離開后也要寫過渡
回答2:寫的沒問題啊,更新瀏覽器吧
標簽:
CSS
相關文章:
1. 我在centos容器里安裝docker,也就是在容器里安裝容器,報錯了?2. docker內(nèi)創(chuàng)建jenkins訪問另一個容器下的服務器問題3. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗!4. docker不顯示端口映射呢?5. docker-compose中volumes的問題6. golang - 用IDE看docker源碼時的小問題7. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””8. docker容器呢SSH為什么連不通呢?9. javascript - 連續(xù)點擊觸發(fā)mouseleave事件10. mac里的docker如何命令行開啟呢?
排行榜

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