Companimation：CSS3 动画仅在加载时起作用

Question

我正在使用Mike Fowler's companimation library for compass，但我的动画在 FireFox 中根本无法运行（虽然它们在 Chrome 中运行良好）。当文档第一次显示时，动画会触发，但是当元素通过 jQuery 显示/隐藏时动画不会触发。

Here's a plugin I made using the library that has animations。任何帮助将不胜感激。

Answer 1

我正在使用 JQueryKeyframes。这行得通。 试试看

https://github.com/jQueryKeyframes/jQuery.Keyframes

您可以自定义功能完成

$('selector').playKeyframe({
    name: "keyframe_name", 
    duration: time*1000,
    timingFunction: 'linear', 
    delay: 0,
    //repeat: 0, 
    direction: 'normal', 
    fillMode: 'forwards',
    complete: function(){ 

        $('selector').css('-webkit-animation', '');
    }
});