Css 动画文本持续时间

我尝试了很多方法，但是我无法控制动画的持续时间。基本上，我想显示我的每一个动画文本2-3秒。我的文本动画设置得太快了。我怎样才能解决这个问题？注意：动画文本的位置并不重要

.wrapper{
位置：绝对位置；
最高：35%；
左-4%；
填充物：2米5厘米；
颜色：#000；
字号：700；
字体大小：150%；
}
.包装纸{
高度：60px；
浮动：左；
右边距：0.3em；
}
.包装纸{
浮动：左；
溢出：隐藏；
位置：相对位置；
高度：30px；
顶部：5px；
}
.wrapper.animationText{
显示：内联块；
颜色：#ac1101；
位置：相对位置；
空白：nowrap；
排名：0；
左：0；
动画：移动7秒；
动画迭代次数：无限；
动画延迟：2s；
}
@关键帧移动{
0% {
顶部：0px；
}
20% {
顶部：-50px；
}
40% {
顶部：-100px；
}
60% {
顶部：-150px；
}
80% {
顶部：-200px；
}
}

这里有一些文字

动画文本1

动漫文本2

尝试调整

动画延迟

更长。

您可以尝试以下操作：

.wrapper{
位置：绝对位置；
最高：35%；
左-4%；
填充物：2米5厘米；
颜色：#000；
字号：700；
字体大小：150%；
}
.包装纸{
高度：60px；
浮动：左；
右边距：0.3em；
}
包装纸{
浮动：左；
溢出：隐藏；
位置：相对位置；
高度：30px；
顶部：5px；
}
.wrapper.animationText{
显示：内联块；
颜色：#ac1101；
位置：相对位置；
空白：nowrap；
排名：0；
左：0；
动画：移动3s；
动画迭代次数：无限；
动画延迟：2s；
}
@关键帧移动{
0%,30% {
最高：0%；
}
60%,100% {
前-100%；
}
}

这里有一些文字

动画文本1
动画文本2

没有。它只会影响一次。在第一个动画之后，动画文本在2-3秒内不会停止。它看起来不像你所看到的那样好。我正在寻找一个更合适的解决方案，谢谢。@blocker也许你可以更好地解释你想要什么。你说你想减慢动画，这就是你要做的，不是吗？抱歉@Temaniaff也许这能帮你：在这个例子中，“工作”、“生活方式”和“一切”文本在屏幕上显示2-3秒，然后动画继续。。