JQuery - 增加css位置而不删除原始位置

Question

我正在制作一个纸牌游戏，我想在他们到达时移动卡片，所以我向左增加位置但是它覆盖了原来的位置。

好吧，图片会更好地解释我想要做的事情： Click here :)

这是我的JQuery函数：

setInterval(function(){
    $('.card').eq(next).show(function(){
        count = $('.handed').length;
        cardPos = 70 - (count*10);
        $('.card').eq(next).css('transform', 'translateY(30%) translateX(-50%)').css('left', cardPos+'%').addClass('handed');
        next++;
        $('.handed').css('left', '+='+50+'px');
    });
}, 1000);

我该怎么做？