transform - CSS3 transition在chrome下的BUG

問題描述

一段很簡單的代碼：

p{width:100px;height:100px;background:red;transition:all .5s ease;}p:hover{transform:rotate(30deg);}

在chrome 45下,鼠標移動到p上時，偶爾會沒有過渡效果，而是直接旋轉到30度，離開的時候也會偶爾沒有過渡效果，直接回到0度。在firefox下卻沒有這個問題。

問題解答

.p{transition:all .3s ease}.p:hover{transition:all .3s ease;transform:rotate(360deg)}

鼠標經過時過渡，鼠標離開后也要寫過渡

寫的沒問題啊，更新瀏覽器吧