Here is the HTML code I am working with:
<div class="effect-wrapper">
<div class="effect-content"></div>
<div class="effect-content"></div>
<div class="effect-content"></div>
<div class="effect-content"></div>
</div>
I have included the following jQuery script:
$(".effect-wrapper .effect-content").each(function (j) {
$(this).css({'-webkit-animation-delay':(j * 300) + 'ms'
,'-moz-animation-delay':(j * 300) + 'ms'
, '-o-animation-delay':(j * 300) + 'ms'
, 'animation-delay':(j * 300) + 'ms'});
});`
You can view the example on http://jsfiddle.net/F5wzr/1/.
However, when inspecting the class .effect-content in Firefox using Firebug, it seems to only contain the style 'animation-delay' and not '-moz-animation-delay'. Can anyone offer assistance or guidance on this issue? Thank you for your help.