Анимация swing

Только CSS3. Анимация срабатывает сразу при загрузке страницы.

<div class="swing animated"> анимация swing</div>
анимация swing

Анимация swing с jQuery

Анимация на CSS3, а воспроизведение анимации происходит с помощью jQuery. Анимация срабатываем при наведении.

$('.animatejqueryhover .animated').hover(
	function() {
		$(this).addClass('swing');
	},
	function() {
		$(this).removeClass('swing');
	}
);
<div class="animated">анимация swing</div>
анимация swing

Анимация swing с jQuery

Анимация на CSS3, а воспроизведение анимации происходит с помощью jQuery. Анимация срабатывает по клику.

$('.animatejqueryclick .animated').click(
	function() {
		$(this).addClass('swing');
	}
);
<div class="animated">анимация swing</div>
анимация swing