Javascript 设置div'的动画；从一个位置到另一个位置

我有一个场景，当单击一个按钮时，div应该从一个偏移位置移动到另一个偏移位置，我用这种方式找到元素的偏移量

function getOffset(el) {
   el = el[0].getBoundingClientRect();
   return {
     left: el.left + window.scrollX,
     top: el.top + window.scrollY
   }
}
var _anchorElemPos = getOffset($element)//$element is the element to which the animation should happen

对于动画，我会选择：

_animationElement.animate(_targetAnimPos);

此处

\u targetAnimPos

是目标位置

但是这里.animate（）是jquery函数，我不想使用jquery。有没有其他方法可以像使用javascript的.animate（）一样获得精确的动画？ 我不必在我的应用程序中使用jquery

---

任何帮助都将不胜感激

如何更改指向css3的id或类元素名称animation@areiilla你能演示一下吗？我甚至必须证明div是根据位置移动的，它应该移动到那个位置