使用CSS 3转换-鼠标悬停无法正常用于Chrome

这里的虚拟文本是浮动的，对于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中，有时会出现一些问题，即不能暂停悬停