Animation 循环文本动画css

我想为文本列表创建文本循环效果

这是我迄今为止尝试过的：

.descslider{
文本对齐：居中；
位置：相对位置；
高度：200px；
溢出：隐藏；
保证金：0；
填充：0；
}
李先生{
宽度：100%；
列表样式类型：无；
位置：绝对位置；
高度：200px；
顶部：-215px；
文本对齐：居中；
}
.李#首先{
动画：循环12秒放松无限；
}
.李#秒{
动画：cycletwo 12秒放松无限；
}
.李#三{
动画：CycleTree 12秒放松无限；
}
/*动画*/
@关键帧循环{
0% {
顶部：-205px；
不透明度：1
}
6% {
顶部：0px；
不透明度：1
}
26% {
顶部：0px；
不透明度：1；
z指数：20；
}
33% {
顶部：205px；
不透明度：0；
z指数：20；
}
34% {
顶部：-205px；
不透明度：0；
z指数：-1；
}
92% {
顶部：-205px；
不透明度：0；
z指数：20；
}
96% {
顶部：-205px；
不透明度：0；
}
100%{
顶部：-205px；
不透明度：0；
}
}
@关键帧循环{
0% {
顶部：-205px；
不透明度：0；
}
26% {
顶部：-205px；
不透明度：0；
}
32% {
顶部：0px；
不透明度：1；
}
38% {
顶部：0px；
不透明度：1；
}
56% {
顶部：0px；
不透明度：1；
z指数：20；
}
62% {
顶部：205px；
不透明度：0；
z指数：20；
}
63% {
顶部：-205px；
不透明度：0；
z指数：-1；
}
100%{
顶部：-205px；
不透明度：0；
z指数：-1；
}
}
@关键帧循环树{
0% {
顶部：-205px；
不透明度：0；
}
56% {
顶部：-205px；
不透明度：0；
}
62% {
顶部：0px；
不透明度：1；
}
68% {
顶部：0px；
不透明度：1；
}
86% {
顶部：0px；
不透明度：1；
}
92% {
顶部：205px；
不透明度：0；
z指数：20；
}
93% {
顶部：-205px；
不透明度：0；
z指数：-1；
}
100%{
顶部：-205px；
不透明度：0；
z指数：-1；
}
}

蜡染
颜色


描述1



蜡染
设计


描述2



蜡染
主题


描述3