为什么animate.css动画只播放一次？

Question

我正在检查导航器onLine属性更改。为了达到这个目的，我们正在收听HTML5在线/离线窗口事件，所以当我们处于离线模式时，我会播放一个flipInX动画，当连接回来时我也会播放一个flipInY动画，在这种情况下它可以正常运行正确地：

#yh-app.yh-online & {
    @include animation(flipInX 1s);
}

#yh-app.yh-offline & {
    @include animation(flipInY 1s);
}

当我尝试为两者（离线和在线模式）播放相同的动画时出现问题，例如flipInX用于两者：

#yh-app.yh-online & {
    @include animation(flipInX 1s);
}

#yh-app.yh-offline & {
    @include animation(flipInX 1s);
}

在这种情况下，动画只播放一次！ 有没有人有解决方案，拜托？ 谢谢:)）