Html 停止css动画过程

首先为我的英语感到抱歉。我是css新手。我已经给文本赋予了这种效果。 我只想在所有句子完成后停止这个动画， 最后一句话完成后，有6个句子，每两个句子之间有3秒的延迟 我想把所有的句子都显示在一起，想保持原样，但它会再次出现 从第一句话开始制作动画。我怎样才能停止？ 如果有人知道，请帮助我。提前谢谢。这是我的css代码

.rw-words-1 span{
字体大小：150%；
线高：120%；
-webkit动画：rotateWordsFirst 18秒线性无限0秒；
-ms动画：rotateWordsFirst 18秒线性无限0秒；
动画：rotateWordsFirst 18秒线性无限0秒；
}
.rw单词跨度：n个孩子（2）{
-webkit动画延迟：3s；
-ms动画延迟：3s；
动画延迟：3s；
}
.rw单词跨度：n个孩子（3）{
-webkit动画延迟：6s；
-ms动画延迟：6s；
动画延迟：6秒；
}
.rw单词跨度：n个孩子（4）{
-webkit动画延迟：9秒；
-毫秒动画延迟：9秒；
动画延迟：9秒；
}
.rw单词跨度：第n个孩子（5）{
-webkit动画延迟：12秒；
-ms动画延迟：12s；
动画延迟：12秒；
}
.rw单词跨度：n个孩子（6）{
-webkit动画延迟：15秒；
-毫秒动画延迟：15秒；
动画延迟：15秒；
}
@-webkit关键帧rotateWordsFirst{
0%{opacity:0；-webkit动画计时功能：轻松；宽度：0px；}
5%{opacity:1；-webkit动画计时功能：减缓；宽度：100%；}
17%{不透明度：1；}
20%{不透明度：0；}
100%{不透明度：0；}
}
@-ms关键帧rotateWordsFirst{
0%{opacity:0；-ms动画计时功能：轻松；宽度：0px；}
5%{opacity:1；-ms动画计时功能：减缓；宽度：100%；}
17%{不透明度：1；}
20%{不透明度：0；}
100%{不透明度：0；}
}
@关键帧先旋转后旋转{
0%{不透明度：0；动画计时功能：轻松；宽度：0px；}
5%{不透明度：1；动画计时功能：减缓；宽度：100%；}
17%{不透明度：1；}
20%{不透明度：0；}
100%{不透明度：0；}
}

美丽的网站
有趣的应用程序
影响身份
工作战略
不可思议的小玩意儿
智能系统
这是由于
动画中的
无限
内部
.rw-words-1 span
造成的。只需将其移除即可


.rw-words-1 span{
字体大小：150%；
线高：120%；
-webkit动画：RotateWordsFirst18s线性；
-ms动画：旋转前18s线性；
动画：旋转前18s线性；
}
.rw单词跨度：n个孩子（2）{
-webkit动画延迟：3s；
-ms动画延迟：3s；
动画延迟：3s；
}
.rw单词跨度：n个孩子（3）{
-webkit动画延迟：6s；
-ms动画延迟：6s；
动画延迟：6秒；
}
.rw单词跨度：n个孩子（4）{
-webkit动画延迟：9秒；
-毫秒动画延迟：9秒；
动画延迟：9秒；
}
.rw单词跨度：第n个孩子（5）{
-webkit动画延迟：12秒；
-ms动画延迟：12s；
动画延迟：12秒；
}
.rw单词跨度：n个孩子（6）{
-webkit动画延迟：15秒；
-ms动画延迟：15s；
动画延迟：15秒；
}
@-webkit关键帧rotateWordsFirst{
0%{opacity:0；-webkit动画计时功能：轻松；宽度：0px；}
5%{opacity:1；-webkit动画计时功能：减缓；宽度：100%；}
17%{不透明度：1；}
20%{不透明度：0；}
100%{不透明度：0；}
}
@-ms关键帧rotateWordsFirst{
0%{opacity:0；-ms动画计时功能：轻松；宽度：0px；}
5%{opacity:1；-ms动画计时功能：减缓；宽度：100%；}
17%{不透明度：1；}
20%{不透明度：0；}
100%{不透明度：0；}
}
@关键帧先旋转后旋转{
0%{不透明度：0；动画计时功能：轻松；宽度：0px；}
5%{不透明度：1；动画计时功能：减缓；宽度：100%；}
17%{不透明度：1；}
20%{不透明度：0；}
100%{不透明度：0；}
}

美丽的网站
有趣的应用程序
影响身份
工作战略
不可思议的小玩意儿
智能系统
嘿，谢谢它的效果。但是我只想玩一次。想一次就可以了。然后一起打印。那不行。请告诉我解决方案。@ValarDohaeris我不确定是否可以通过编写代码的方式来实现。要实现这一点，你必须完全更改CSS