Не работает jQuery Animate + transform rotate?

Question

[Ilya Pavlov]

Можно сделать простую анимацию перемещения :

$('.elem').animate({ top: 100 }, { duration: 1000 });

А как сделать анимацию поворота rotate? Это не работает :

$('.elem').animate({ transform: 'rotate(360deg)' }, { duration: 1000 });

Answer 1

[A K]

Если нужна какая-либо анимация на странице jsfiddle.net/7g87tvkc, рекомендую использовать transition .
jQ:
$elem.addClass('rotate360');
CSS:

.rotate360 {
    transition: transform 1s;
    transform: rotate(360deg);
}

Answer 2

[Виталий Инчин ☢]

Ясен язь, что не работает, вы пишите $(.elem), должно быть $(".elem").

Comments

[Ilya Pavlov]

Это просто опечатка. Кавычки на месте.

[Виталий Инчин ☢]

Илья Павлов: Видимо, jQuery не умеет работать с transform, но, вот вам ссылка или делайте как предлагает товарищ Symphony.

Answer 3

[Dmaw]

var deg = 0;
function rotate()
{
	deg++;
	$('#div').css('transform','rotate('+deg+'deg)');
	if(deg < 105)
	{
		setTimeout(function(){rotate();}, 10);
	}
}
rotate();