JavaScript动画从底部到每个原始位置的绝对定位元素

Question

我在相对定位的容器中有几个absolute个定位元素，我正在尝试为它们设置动画：

From：比他们的起始DOM位置低200px

To：开始DOM位置

我尝试了.animate()功能，但我只是成功完成了相反的动画。

编辑：我的意思是我试图在页面加载时动画元素的过渡。

Answer 1

我设法用CSS关键帧做到了。

.elementsClass{
    transform: translateY(200px);
    animation: moveUp 0.8s ease forwards;
}

@keyframes moveUp {
    to {
        transform: translateY(0);
    }
}

@-moz-keyframes moveUp {
    to {
        transform: translateY(0);
    }
}

@-webkit-keyframes moveUp {
    to {
        transform: translateY(0);
    }
}

@-ms-keyframes moveUp {
    to {
        transform: translateY(0);
    }
}

现在元素加载到其起始位置以下200px并显示在原始位置。