如何控制CSS动画的速度而不仅仅是持续时间？

我有一个使用CSS动画关键帧的滚动列表项列表。它做了我想做的，但我只控制持续时间，而不是速度，所以如果我添加项目，它会走得太快，如果我删除项目，它会走得太慢

是否可以只使用CSS设置速度

这是我的CSS，一个指向代码笔的链接：

---

简短回答：不。只有使用JS，你不能，但是，你可以做其他事情，而不是使用

来
使用
0%
来
100%
，你想移动得更快的项目可以在
50%
时“完成”，其余的设置为
100%
@HerrSerker谢谢。接下来的问题是：你将如何处理JS？你需要计算总大小（在你的例子中，我建议
outerHeight
），然后根据结果计算持续时间。
section {
    height: 90vh;
    background: #000;
}

  ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
    font-size: em(18);
    text-align: center;
    font-weight: 500;
    column-count: 4;
    column-width: 200px;
    column-gap: 50px;
    animation: floatTextUp 3s infinite linear;
  }

  li {
    margin-bottom: 1.1em;
  }

  .scroll {
    height: 200px;
    overflow: hidden;
    position: relative;
  }

  @keyframes floatTextUp {
    to {
      transform: translateY(100%);
    }
  }