更改旋轉動畫位置

Question

我想實現旋轉動畫的工作，但我想更改div位置。這裏是我的代碼： -

$(function(){ 
var el=$('div'); 
el.animate({ deg: 180 }, { 
      duration: 1000, 
      step: function (now) { 
       el.css({ 
        transform: 'rotate(' + now + 'deg)' 
       }); 
      }, 
      complete: function() {      
    }, 
    }); 
}); 

Fiddle Demo

我想這個位置（現在它的第一次，但我想第二個）： -

感謝您的HEPL

Answer 1

使用translateY(-100%)

$(function(){ 
var el=$('div'); 
el.animate({ deg: 180 }, { 
       duration: 1000, 
       step: function (now) { 
        el.css({ 
         transform: 'rotate(' + now + 'deg) translateY(-100%)' 
        }); 
       }, 
       complete: function() { 

     }, 
    }); 
}); 

DEMO

Answer 2

$(function(){ 
    var el=$('div'); 
var topik = $('div').css('top'); 
    el.animate({ deg: 180 }, { 
       duration: 1000, 
       step: function (now) { 
        el.css({ 
         transform: 'rotate(' + now + 'deg)', 
         top : topik+'500px', 
    }); 
       }, 
       complete: function() {      
     }, 
     }); 
    }) 

不要感謝我;）;）;）