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)}

Transition when the mouse passes over, and transition also needs to be written after the mouse leaves

Answer 2

There is nothing wrong with the writing. Please update your browser.