如何讓CSS3動畫在循環中播放

我有這個設置，我想重複播放。我對jQuery不太瞭解，所以想知道如果有人能告訴我如何？如何讓CSS3動畫在循環中播放

$('.title1').fadeIn('fast', function() { 
    $('div').addClass('animated pulse'); 
}); 

$('div').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend  
animationend', function() { 
    $('.title1').fadeOut(2000); 
});

來源

2014-03-24 user2498890

http://stackoverflow.com/questions/ 4713477/how-to-make-a-jquery-infinite-animation –

查看'setInterval（）' – gaynorvader

任何你不能用CSS代替的原因fadeOut（）？你可以將它添加到你的CSS動畫的末尾。如果您發佈CSS動畫代碼，我很樂意向您展示我的意思。 – moettinger

http://jsfiddle.net/jFIT/86KLb/7/

只是包裝這一切在功能和淡出的回調調用它..

doIt(); 

function doIt(){ 
    $('.title1').fadeIn('fast', function() { 
     $('div').addClass('animated pulse'); 
    }) 
    $('div').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() { 
    $('.title1').fadeOut(2000, function() {doIt();}); 
    }); 
};

來源

2014-03-24 16:58:23

完美！謝謝:) – user2498890

@ user2498890沒問題 - 請接受答案，如果它解決了您的問題。 –

如何讓CSS3動畫在循環中播放

回答

相關問題