Задать вопрос
PiCoderman
@PiCoderman
javascript

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

Можно сделать простую анимацию перемещения :
$('.elem').animate({ top: 100 }, { duration: 1000 });

А как сделать анимацию поворота rotate? Это не работает :
$('.elem').animate({ transform: 'rotate(360deg)' }, { duration: 1000 });
  • Вопрос задан
  • 12755 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 3
Symphony
@Symphony Куратор тега CSS
Если нужна какая-либо анимация на странице jsfiddle.net/7g87tvkc, рекомендую использовать transition .
jQ:
$elem.addClass('rotate360');
CSS:
.rotate360 {
    transition: transform 1s;
    transform: rotate(360deg);
}
Ответ написан
Комментировать
Комментировать
In4in
@In4in
°•× JavaScript Developer ^_^ ו°
Ясен язь, что не работает, вы пишите $(.elem), должно быть $(".elem").
Ответ написан
2 комментария
2 комментария
@Dmaw 
var deg = 0;
function rotate()
{
	deg++;
	$('#div').css('transform','rotate('+deg+'deg)');
	if(deg < 105)
	{
		setTimeout(function(){rotate();}, 10);
	}
}
rotate();
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать интранет сайт (корпоративный портал)
20 апр. 2024, в 07:24
100000 руб./за проект
Исправить адаптивную верстку на Tilda Zero Block
20 апр. 2024, в 06:39
4000 руб./за проект
Доработка аддона для Xenforo v2.2.13
20 апр. 2024, в 06:06
200 руб./за проект
Ещё заказы