Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在CSS中频繁停止背景图像?_Css_Css Animations_Keyframe - Fatal编程技术网

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

如何在CSS中频繁停止背景图像?,css,css-animations,keyframe,Css,Css Animations,Keyframe,我用Wordpress插件“slider Revolution”创建了slider,现在我用CSS定制它。我在slider中创建了一个小的开放空间,在那里它将显示我正在使用的技术的徽标。除了那个空间,我用深色覆盖,但问题是背景图像一直在不停地移动。我试着拖延,但没用 简单地说,我需要类似的滑块: 我创建了滑块,但唯一的问题是背景图像并没有停止 这是我当前用于动画的CSS(我没有包括overlay,因为它是在插件中创建的) 这是我方目前的进展: 这是一种方法,可以使您在滚动时背景位置不会改变。谢谢

我用Wordpress插件“slider Revolution”创建了slider,现在我用CSS定制它。我在slider中创建了一个小的开放空间,在那里它将显示我正在使用的技术的徽标。除了那个空间,我用深色覆盖,但问题是背景图像一直在不停地移动。我试着拖延,但没用

简单地说,我需要类似的滑块:

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

这是我当前用于动画的CSS(我没有包括overlay,因为它是在插件中创建的)

这是我方目前的进展:


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

谢谢您的回答,但我不是要求背景修复,我要求的是在滑块中移动的背景图像,您可以检查我提供的两个url。
.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);
     }
 }
html {
  background-position: fixed
}