Изменение css (преобразование) в функции шага в JQuery не работает

Question

Он работает только для вращения или масштабирования, но не работает для обоих.

$({rotation: 0, scale: 1}).animate({ 
      rotation: 360, 
      scale: 3 
     }, { 
      duration: 4000, 
      step: function (now, fx) { 

       var rot, scl; 
       if (fx.prop === 'rotation') { 
        rot = now; 
       } 
       if (fx.prop === 'scale') { 
        scl = now; 
       } 
       $('.inner').css('transform', 'scale(' + scl + ') rotate(' + rot + 'deg)'); 

      } 
     }); 

внутренний - это всего лишь тег h1 внутри внешнего элемента div.

Answer 1

Попробуйте это:

step: function (now, fx) { 

    $('#inner').css('transform', 'scale(' + now + ') rotate(' + now + 'deg)'); 

} 

Оба rot = now; и scl = now; использование now с шага аргумента функции.

DEMO