Плавный offset / position
 

Допустим есть элемент с классом .elem1

Есть второй элемент с классом .elem2

Как плавно сделать offset() второго элемента (.elem2) к элементу (.elem1). Чтоб достигался эффект наложения друг на друга.

Если делать так

var d = $('.elem1').offset();
$('.elem2').offset({top:d.top,left:d.left});

То это срабатывает быстро (рывком). Как сделать это плавно ? animate() сдвигает до первой границы элемента .elem1. С css та же история (абсолютное позиционирование не приветствуется).

$('.elem2').css({
    'transition-property':'all',
    'transition-duration':'.3s'
}).offset({top:d.top,left:d.left});

Вроде должно работать.