使用CSS 3转换 - 鼠标悬停不适用于Chrome

Question

这里demo虚拟文本是float，而3d效果使用了转换

-webkit-transform: perspective(300px) rotateX(15deg);

并在悬停时暂停虚拟文本浮动。

#flyDiv
    {
     width:720px; 
     height:420px;
     transform-origin: 50% 100%; 
     transform: perspective(300px) rotateX(15deg); 
     -webkit-transition: -webkit-transform 10s; 
     -webkit-transform-origin: 50% 100%; 
     -webkit-transform: perspective(300px) rotateX(15deg);
}

对于Firefox来说它很好，但在chrome中有些问题有时它不会在悬停时暂停。

JS FIDDLE