Horizontal Scrolling Photos

Be sure the photos are wider than the widest display that will view your site. This will not duplicate photos, but you can manually duplicate them if needed. Add the code below in the global CSS or layout CSS settings in the page builder.

.horizontal-scroll-container {
    animation: horizontal-scroll linear;
    animation-timeline: scroll(root);
    animation-range: entry 0% exit 100%;
}

@keyframes horizontal-scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-10%);
    }
}
mads-schmidt-rasmussen-xfngap_DToE-unsplash
mads-schmidt-rasmussen-xfngap_DToE-unsplash
mads-schmidt-rasmussen-xfngap_DToE-unsplash
mads-schmidt-rasmussen-xfngap_DToE-unsplash
mads-schmidt-rasmussen-xfngap_DToE-unsplash
mads-schmidt-rasmussen-xfngap_DToE-unsplash
mads-schmidt-rasmussen-xfngap_DToE-unsplash
mads-schmidt-rasmussen-xfngap_DToE-unsplash

Finé