html5+css3的文件

<style>
p{width:100px; height:100px; border:1px solid gray; transition:transform 2s; -webkit-transition:transform 2s;}
p:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
</style>

<p>this is a test text.</p>


看到的效果应该是2s的时间旋转180度，可是实际看到的却是突然就转了180度。

测试浏览器是搜狗。

请明眼人看看哪里不对，反正我是没看出来。
--
FROM 27.17.61.*