css - 如何在CSS中频繁停止背景图片？

Question

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

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

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

这是我当前的动画 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
}

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