Как реализовать движение объекта по дуге javascript? Например, как при скачивании файлов в хроме они летят по дуге до кнопки загрузок
Сейчас есть такой говнокод:
function moveToCart(product){
var that = product.closest('.product-card').find('img');
var bascket = $(".cart");
var that_width = that.width();
var that_height = that.height();
that.clone().css({
'width': that_width,
'height': that_height,
'object-fit': 'contain',
'position': 'absolute',
'z-index': '9999',
top: that.offset().top,
left:that.offset().left
}).appendTo("body")
.animate({
opacity: 0.8,
left: that.offset().left + that_width + 10,
top: that.offset().top + 100,
}, 1000, function() {
// $(this).remove();
$(this).animate({
opacity: 0.05,
left: bascket.offset()['left'],
top: bascket.offset()['top'],
width: 20,
height: 20,
}, 1000, function() {
$(this).remove();
}
);
}
);
};
