文章詳情頁(yè)
transform - CSS3 transition在chrome下的BUG
瀏覽:127日期:2023-07-21 18:56:20
問題描述
一段很簡(jiǎn)單的代碼:
p{width:100px;height:100px;background:red;transition:all .5s ease;}p:hover{transform:rotate(30deg);}
在chrome 45下,鼠標(biāo)移動(dòng)到p上時(shí),偶爾會(huì)沒有過渡效果,而是直接旋轉(zhuǎn)到30度,離開的時(shí)候也會(huì)偶爾沒有過渡效果,直接回到0度。在firefox下卻沒有這個(gè)問題。
問題解答
回答1:.p{transition:all .3s ease}.p:hover{transition:all .3s ease;transform:rotate(360deg)}
鼠標(biāo)經(jīng)過時(shí)過渡,鼠標(biāo)離開后也要寫過渡
回答2:寫的沒問題啊,更新瀏覽器吧
標(biāo)簽:
CSS
上一條:前端 - CSS3:請(qǐng)問設(shè)計(jì)圖的圓角該如何測(cè)量?下一條:前端 - CSS3問題:請(qǐng)問-webkit-background-clip屬性,需要寫在background屬性后面嗎?
相關(guān)文章:
1. python - 啟動(dòng)Eric6時(shí)報(bào)錯(cuò):’qscintilla_zh_CN’ could not be loaded2. php - 微信開發(fā)驗(yàn)證服務(wù)器有效性3. MySQL中的enum類型有什么優(yōu)點(diǎn)?4. android下css3動(dòng)畫非常卡,GPU也不差啊5. mysql - 記得以前在哪里看過一個(gè)估算時(shí)間的網(wǎng)站6. css3 - 純css實(shí)現(xiàn)點(diǎn)擊特效7. javascript - 關(guān)于<a>元素與<input>元素的JS事件運(yùn)行問題8. javascript - vue 怎么渲染自定義組件9. python - 有什么好的可以收集貨幣基金的資源?10. html - vue項(xiàng)目中用到了elementUI問題
排行榜

熱門標(biāo)簽