Анимация CSS3, перевести в положение

У меня есть div, на который я нажимаю, чтобы перетащить его. Как только он оказывается в области, он анимируется в соответствии с его положением с помощью:

$("#wheel1").animate({left: "200px", top: "100px"});

Я также могу заставить его анимироваться с помощью:

@-webkit-keyframes wheel1 {
    0% {
    }
    100% {
        -webkit-transform: translate(200px, 100px);
    }
}

Разница в том, что; с jQuery он анимируется на 200 пикселей слева от документа. В CSS3 он анимируется на 200 пикселей от того места, куда вы его перетаскиваете (что плохо)

Есть ли способ заставить CSS3 анимироваться из левого верхнего угла документа, как это делает jQuery? Я пытался изменить преобразование-происхождение и несколько других настроек, но безуспешно.