I was using Chris’s All-CSS Infinite Scrolling Slideshow, and wanted to change the image that was displayed, but whenever i change the background of the div, even with an image of the same exact size, it doesnt work. Any reason why?
Heres the link to the example,(I used the non-GPU one)[Infinite All-CSS Scrolling Slideshow](https://css-tricks.com/infinite-all-css-scrolling-slideshow/ “Infinite All-CSS Scrolling Slideshow”)
And here’s my code:
HTML:
CSS:
#tech-slideshow {
height: 200px;
position: relative;
overflow: hidden;
}
#tech-slideshow > div {
height: 200px;
width: 2526px;
background: url(‘collage.jpg’);
position: absolute;
top: 0;
left: 0;
height: 100%;
-moz-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
-webkit-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
-webkit-animation: moveSlideshow 60s linear infinite;
-moz-animation: moveSlideshow 60s linear infinite;
}
@-webkit-keyframes moveSlideshow {
0% { left: 0; }
100% { left: -1684px; }
}
@-moz-keyframes moveSlideshow {
0% { left: 0; }
100% { left: -1684px; }
}
