Как применить animate css к элементам при наведении?

Question

[Алексей Королёв]

Есть всеми любимый плагин анимаций animate css. Подскажите как сделать чтобы анимация воспроизводилась при наведении на элемент?

Answer 1

[Александр Шемаханов]

$(".myDiv").hover(function(){
    $(this).addClass('animated имя_анимации');
});
$(".myDiv").bind("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd",function(){
    $(this).removeClass('animated имя_анимации'и);
});

Comments

[Алексей Королёв]

А нет ли чего-то универсального? Чтобы скрипт активировал весь плагин только в позиции hover, ибо когда накопиться штук 10 анимаций размер скрипта будет не малый

Answer 2

[iBird Rose]

у них на гитхабе готовый скрипт есть для этого https://github.com/daneden/animate.css#usage-with-...