Только CSS3. Анимация срабатывает сразу при загрузке страницы.
<div class="swing animated"> анимация swing</div>
Анимация на CSS3, а воспроизведение анимации происходит с помощью jQuery. Анимация срабатываем при наведении.
$('.animatejqueryhover .animated').hover(
function() {
$(this).addClass('swing');
},
function() {
$(this).removeClass('swing');
}
);
<div class="animated">анимация swing</div>
Анимация на CSS3, а воспроизведение анимации происходит с помощью jQuery. Анимация срабатывает по клику.
$('.animatejqueryclick .animated').click(
function() {
$(this).addClass('swing');
}
);
<div class="animated">анимация swing</div>