中断的CSS关键帧的逐渐过渡：悬停动画

Question

我的动画使用关键帧，在悬停时开始并且持续时间很长。 当我在动画仍在运行时将鼠标移出时，它会立即停止。 我需要中断的动画逐渐返回原始值。 （比如＆＃39;转换＆＃39;确实如此）。

@keyframes KF_Problem { 100% {transform:scale(2);} }
.Problem:hover { animation:KF_Problem 3s; }
.Problem       { transform:scale(1); transition:3s;}

.All_OK:hover  { transform:scale(2); transition:3s;}
.All_OK        { transform:scale(1); transition:3s;}

1）我该怎么做？

2）为什么Firefox＆＃34;做的工作＆＃34;自动和所有其他浏览器没有？

只需使用Firefox和所有其他现代浏览器尝试http://www.w3schools.com/css/tryit.asp?filename=trycss_default中的代码即可看到差异......