WICKY DESIGN WICKY DESIGN WICKY DESIGN WICKY DESIGN WICKY DESIGN WICKY DESIGN WICKY DESIGN WICKY DESIGN WICKY DESIGN

WICKY DESIGN WICKY DESIGN WICKY DESIGN WICKY DESIGN WICKY DESIGN WICKY DESIGN WICKY DESIGN WICKY DESIGN WICKY DESIGN 

				
					.marquee {
  overflow: hidden;
  display: flex;
}

.marquee h2{
  white-space: nowrap;
}
				
			
				
					<script>
function Marquee(selector, speed) {
  const parent = document.querySelector(selector);
  const clone = parent.innerHTML;
  let i = 0;
  parent.innerHTML += clone;

  setInterval(() => {
    i += speed;
    if (i >= parent.children[0].clientWidth) i = 0;
    parent.children[0].style.marginLeft = `-${i}px`;
  }, 0);
}

window.addEventListener('load', () => Marquee('.marquee', .1));
</script>
				
			
				
					.marquee2 {
  overflow: hidden;
  display: flex;
}

.marquee2 h2{
  white-space: nowrap;
}
				
			
				
					<script>
function Marquee2(selector, speed) {
  const parent = document.querySelector(selector);
  const clone = parent.innerHTML;
  let i = parent.children[0].clientWidth;
  parent.innerHTML += clone + clone;
  const totalWidth = parent.children[0].clientWidth * 2;
  setInterval(() => {
    i -= speed;
    if (i <= 0) i = totalWidth;
    parent.children[0].style.marginLeft = `-${i}px`;
  }, 0);
}

window.addEventListener('load', () => Marquee2('.marquee2', .1));
</script>