更改旋转动画位置

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

我想要这个位置（现在是第一个，但我想要第二个）： -

感谢您的支持

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 () {                    
         },
      });
    })

不要谢谢我;）;）;）