如何在 CSS 中频繁停止背景图像？

Question

我使用名为 Slider Revolution 的 Wordpress 插件创建了滑块，现在我通过 CSS 对其进行自定义。我在滑块中创建了一个小的开放空间，它将显示我正在使用的技术徽标。除了那个空间，我用深色覆盖，但问题是背景图像不停地移动。我尝试过延迟，但它不起作用。

简单来说，我需要类似这样的滑块：https://www.ripl.com

我创建了滑块，但唯一的问题是背景图像没有停止。

这是我当前的动画 CSS（我没有包含叠加层，因为它是在插件中创建的）

.slider_1{
        background:repeat-x;
        background-size:26%!important;
        width:5076px!important;
        animation: slide 20s linear infinite!important;
        }


@keyframes slide{
   0%{
       transform: translate3d(0, 0, 0);
     }
   100%{
       transform: translate3d(-1692px, 0, 0);
     }
 }

这是我目前的进展：https://siimteq-testing.cloudaccess.host/home_slider/

Answer 1

html {
  background-position: fixed
}

这是使您的背景位置在滚动时不会改变的一种方法。