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

写的没问题啊，更新浏览器吧