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