Post #2886374
2026-05-08 10:52 UTC
@css@front-end.social this is great! It goes a bit weird in Safari where gaps appear, but seems fine in Chrome.
I have two questions I'm struggling to figure out from looking at the code. Is it possible to do this with logos of different widths? Is it possible to combine with "overflow detection" so it only "marquees" when there are enough images to warrant it?
Replies (1)
-
@css@front-end.social 2026-05-08 11:04
@scrwd@mastodon.social with that code no. The technique I am using requires same width logos and a variable to control the number of visible logos (which is generally smaller than the total of the logos). Everything is explained here: https://frontendmasters.com/blog/infinite-marquee-animation-using-modern-css/ What you want will require a complete different code and I am not sure we can have something generic that handle different widths