成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁技術(shù)文章
文章詳情頁

transform - CSS3 transition在chrome下的BUG

瀏覽:109日期: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
相關(guān)文章: