I have a function witch triggers an series of animations, it uses CSS3 keyframe animations to render them. The weird problem i'm encountering is with my FadeOut animation, it doesn't happen. I have a animation called FadeIn that does the same (but in reverse) but doesn't have any problems running at all. The rotten apple:
$"#id").animate("FadeOut", {duration:800, easing: 'ease-out'}).hide();
The working example:
$("#id").animate("FadeIn", {duration:800, easing: 'ease-in'}).show();
The CSS3 animations:
@-webkit-keyframes FadeOut { 0% { opacity:1;} 100% { opacity:0; }}@-webkit-keyframe