javascript - 更改旋转动画位置

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