К примеру у меня идет чейн анимация через 'animation-delay'. для 15ти блоков. Нужно чтобы после проигрывания последней анимации запускать весь чейн заново. Это можно как-то через js сделать?
$.fn.extend({
animateCss: function (animationName) {
var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
this.addClass('animated ' + animationName).one(animationEnd, function() {
$(this).removeClass('animated ' + animationName);
});
}
});
$(document).ready(function() {
$(".show1").animateCss('fadeIn');
$(".show2").css('animation-delay', '.5s');
$(".show2").animateCss('fadeIn');
$(".show2").css('animation-delay', '1s');
});
<link href="http://daneden.github.io/animate.css/animate.min.css" rel="stylesheet"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="show1">
Show1
</div>
<div class="show2">
Show2
</div>