INFINITE MARQUEE
by Rehmat (Animated Creativity) - MIT License

1. Add to the <head>:
   <link rel="stylesheet" href="marquee.css">
   <script src="marquee.js" defer></script>

2. Wrap your items:
   <div data-marquee>
     <img src="logo-1.svg" alt="Client one" height="32">
     <img src="logo-2.svg" alt="Client two" height="32">
   </div>

Options on the same element:
  data-marquee-speed="60"          pixels per second
  data-marquee-direction="right"   default is left
  data-marquee-gap="48"            space between items in px
  data-marquee-fade                soft fade at both edges
  data-marquee-pause="false"       do not pause on hover

From JavaScript:  var m = Marquee(element); m.set('speed', 120); m.pause(); m.play(); m.refresh();

Open index.html to try every option.

More free kits and custom work: https://animatedcreativity.com/
