How to create automatic horizontal scrolling images in Squarespace | CSS Code |

TipsnInfo September 29, 2023


How to create automatic horizontal scrolling images in Squarespace

CSS Code: << copy this >>

#page {
overflow-x: hidden
}

.gallery-grid-wrapper {
display:flex !important;
animation: slideshow 30s linear infinite
}

.gallery-grid-wrapper .gallery-grid-item {
 min-width: 50%;
 margin-right: 5%
}

@keyframes slideshow {
  0%    { left: 0; }
  100%  { left: -225% }
}
Tags

Post a Comment

0 Comments

Post a Comment
'; (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();