Javascript CSS在转换和变换之前定位元素

我正在尝试用css转换转换一个div，并用css转换将转换应用于运动

是否可以为元素指定“开始”位置？我需要在动画之前转换元素

.mediaViewItem:nth-child(3) {
    transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1);
    transform: translate3d(-200%, 0, 0); translate3d(-100%, 0, 0);
}

在上面的代码中，我需要在没有动画的情况下将开始转换为3d（-200%，0，0），然后通过转换从-200%移动到-100%

---

有什么想法吗？

这是您为元素设置的初始位置，请使用javascript添加一个类 当需要制作动画时，它会将变换的元素恢复到正常位置。例如，通过js添加一个类，如：

.animated {
    transform: translate3d(0, 0, 0); translate3d(0, 0, 0);
}

---

考虑使用而不是<代码>转换< /代码>？我设法让它与动画一起工作！那是缺失的部分！