Использовать трансформацию в анимации JQuery

[aqua.77]

Как применить трансформацию через анимацию JQ

$('.abz span:last').click(function(){
        $('.w').animate({
          transform:  'scale(.9)'
        });
    });  

 

[Alexandr37]

Transform нельзя анимировать , вот такой вариант можно использовать :  https://jsfiddle.net/ez4jb67t/1/ .

[aqua.77]

1 час назад, Alexandr37 сказал:

Transform нельзя анимировать , вот такой вариант можно использовать :  https://jsfiddle.net/ez4jb67t/1/ .

Transform нельзя анимировать? https://jsfiddle.net/ez4jb67t/2/

[BrusSENS]

2 часа назад, aqua.77 сказал:

Как применить трансформацию через анимацию JQ

Я один не догнал зачем это делать на jQuery? В чём профит?

[Alexandr37]

 

28 минут назад, aqua.77 сказал:

Transform нельзя анимировать? https://jsfiddle.net/ez4jb67t/2/

css  и jquery  если что разные вещи. А вопрос был про jquery .

[aqua.77]

1 час назад, BrusSENS сказал:

Я один не догнал зачем это делать на jQuery? В чём профит?

Чтобы вся анимация находилась в одном месте. Я уже применил некоторые свойства, а трансформацию не могу понять как вставить.

[Alexandr37]

http://forum.jquery.com/topic/using-animate-with-transform#14737000003616365

[aqua.77]

1 час назад, Alexandr37 сказал:

 

css  и jquery  если что разные вещи. А вопрос был про jquery .

Значит transform применить с анимации jQuery не выйдет? Всё спасибо. Буду использовать первый ответ.

[Alexandr37]

Получается, что нельзя. Вот тут все почитать на русском можно : https://jquery-docs.ru/animate/

[BrusSENS]

37 минут назад, aqua.77 сказал:

Чтобы вся анимация находилась в одном месте. Я уже применил некоторые свойства, а трансформацию не могу понять как вставить.

Причём тут анимация в одном месте? Ошибка всех начинающих разработчиков в том, что не думают о том, как на клиенте это может отобразиться. А перегрузка "различными анимациями" на jQuery - жуткие тормоза на некоторых устройствах. Можете сделать анимацию на CSS - делайте на CSS. Начинайте сразу думать над используемой клиентом памятью. Учитесь оптимизировать задуманное, что бы потом не оптимизировать код.

[by chris]

@aqua.77, погугли про animate.css. В настоящем для анимирования яваскрипт нужен только для оперирования классами.