I have successfully created a slider using the Slider Revolution Wordpress plugin and am currently customizing it with CSS. I have added a small open space within the slider to display logos of the technologies that I am utilizing. Around this space, I have applied an overlay in a dark color. However, I am facing an issue where the background image keeps moving without stopping. I have attempted to add a delay but it does not seem to be working.
In simpler terms, I am looking to achieve a slider similar to the one found at .
While I have managed to create the slider, the main problem lies in the continuous movement of the background image.
Below is the CSS code for the animation (I have omitted the overlay as it was created within the plugin):
.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);
}
}
This is the current progress on my project: .