包含CSS步骤的初始位置

我使用css的步骤来创建一个“光板”，你可以这么说。 所以有一列18个div作为“灯泡”。 动画在其后面移动一个div，该div充当“点亮的灯泡”

我的关键帧设置为：

@keyframes strobe{
    to{
        transform:translateX(1800%);
    }
}

我的动画设置为：

animation:strobe 2s steps(18, start) infinite;

当前，动画从未包含其原始位置。（我还尝试使用0%-100%作为关键帧）

如何在步骤中包括初始位置？为什么现在不是呢

包括一把小提琴以供参考。仍然致力于响应，所以它不会显示为18个div

---

我试着用你的小提琴把

开始

改成

结束

，这似乎奏效了

animation:strobe 2s steps(18, end) infinite;

---

创建得非常好！