Мне нужно анимировать какой-то элемент. Допустим это будет div. Необходимо сделать чтобы div сначала увеличился, потом уменьшился, потом обратно увеличился.
Я чей-то тут набросал. НО не работает.
<div class="content">
<img src="images/secondhand.png" width="" class="circle1">
<img src="images/hourhand.png" width="" class="circle2">
<img src="images/circle.png" width="507px" class="circle">
</div>
$('.content').animate(
{
scale: 1.5,
scale: 0.8
}, {
duration: 400,
step: function( now, fx ){
$(this).css('-webkit-transform','scale('+now+')');
},
step: function( now, fx ){
$(this).css('-webkit-transform','scale('+now+')');
}
});
Подскажите че не так в коде. Я так и не смог разробраться с очередями и коллбэками.