:带有动画的活动伪类有时会阻止Chrome和IE中的回发

还有其他人遇到过这个问题吗?我有一个web表单网站，我想添加一个:活动伪类链接按钮，基本上是做一些动作之前动画它。然而，由于某些原因，我不能弄清楚，动画在:活动状态有时阻止回发(其他时候它回发很好)。其他效果(不是动画或转换)也可以。所以，这很好，每次:

.mylinkbuttonclass:active
{
    width:75%;
}

而下面的语句只会导致大约40-50%的时间回发。其他时候根本没有回发(我在页面加载和预呈现事件中设置了断点，这些事件永远不会被击中)

.mylinkbuttonclass:active
{
    animation: flip 200ms linear 1;
    -moz-animation: flip 200ms linear 1;
    -o-animation: flip 200ms linear 1;
    -ms-animation: flip 200ms linear 1;
    -webkit-animation: flip 200ms linear 1;  
}
@keyframes flip{
    0% {
       transform:  rotateY(0deg);
    }
    50% 
    {
        opacity: 0.10;
        transform:  rotateY(180deg); 
    }
    100% {
       transform:  rotateY(180deg); 
    }
}

有人知道为什么会发生这种情况，或者如何修复它吗?我认为伪类不可能阻止回发!在回发失败的时候，动画仍然运行良好;没有回发到服务器。

编辑:还没有在Firefox上测试过，但是在Chrome和IE 11上都可以重现这个错误。

Edit2:哇，原来这在Firefox中运行得很好;