Html CSS3跳跃姿势

因此，我实现了一个CSS3转换，使用此代码在屏幕上滚动宽图像

    animation-name:scrolling;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

    @keyframes scrolling
    {    
        0%   { background-position: 0% 0%; }
        100% { background-position: -2000px 0%; }
    }

工作正常，但20秒后它跳回到开始，有人知道我如何在20秒后不跳回到开始的情况下继续滚动它吗。如果我调整了持续时间，这只会减慢滚动速度，然后在持续时间后跳转

您还知道如何使用悬停事件暂停动画吗

---

谢谢

< P>在中间位置加上另一个关键帧（假设你希望BG回到它的来源，如果不是把它设置成-400 0px）

---

应该这样做：

< P>只需在中间加一个完整的位置的关键帧（假设你希望BG回到它的来源，如果不是把它设置成-400 0px）

---

应该做到这一点：）

这很好，但我想让图像以内翻的方式向左滚动。你的代码会从左到右跳转，不是吗？谢谢你的帮助。是的，但是如果你把最后一个关键帧改成-4000px，它会重置到第一个位置，然后再次滚动（我希望如此）。这很好，但是我想让图像以内翻的方式向左滚动。你的代码会从左到右跳转，不是吗？感谢您的帮助。是的，但是如果您将最后一个关键帧更改为-4000px，它将重置为第一个位置，然后再次滚动（我希望如此）。

 @keyframes scrolling
    {    
        0%   { background-position: 0% 0%; }
        50% { background-position: -2000px 0%; }
        100% { background-position: 0% 0%; }
    }