CODEWITHSUNDEEP
jquerycssfirefoxanimation
user1429980
user1429980

Reputation: 7158

Companimation: CSS3 Animations Only Working on Load

I'm using Mike Fowler's companimation library for compass, but my animations will not work at all in FireFox (they work fine in Chrome though). When the document is first displayed, the animation will fire, but the animation will not fire when elements are shown/hidden via jQuery.

Here's a plugin I made using the library that has animations. Any help would be appreciated.

Upvotes: 0

Views: 65

Answers (1)

Khang Pham
Khang Pham

Reputation: 24

i'm using JQueryKeyframes. it work. try it

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

you can customize function complete

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

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

Upvotes: -1

Related Questions