transform - CSS3 transition在chrome下的BUG

Question

一段很简单的代码：

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

在chrome 45下,鼠标移动到p上时，偶尔会没有过渡效果，而是直接旋转到30度，离开的时候也会偶尔没有过渡效果，直接回到0度。在firefox下却没有这个问题。

Answer 1

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

老鼠經過時過渡，老鼠離開後也要寫過渡

Answer 2

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