如何使用-webkit-transform：translateX使用％和位置绝对

Question

嗨，大家回来我发布了一个关于我正在制作的横幅的问题，我现在正在制作动画，但是当我将-webkit-transform: translateX(-40%)与position:absolute结合使用时，我无法工作{/ 1}}。

问题是我有3个图像和3个文本，我需要一个接一个地飞到屏幕上并最终重叠，这就是为什么我试图使用position:absolute但我不能得到{{ 1}}当我这样做时，我可以让-webkit-transform: translateX(-40%)工作，但这对我没有帮助，因为我希望它在不同的屏幕尺寸上是相同的。有没有人知道如何让我的动画与-webkit-transform: translateX(-40px)一起使用并且有多个图像重叠？

示例代码：

HTML：

-webkit-transform:   translateX(-40%)

的CSS：

        <div class="text3" id="txt3">
            Moving Text
        </div>

以下是动画的一些实例：

-webkit-transform: translateX(-40%)

position:absolute

非常感谢任何帮助。

crackruckles