Cash vrijspelen om bedrijven te helpen groeien. 

.cards-marquee-wrapper { overloop: verborgen; breedte: 100%; } .cards-marquee { display: flex; flex-wrap: nowrap; breedte: 100%; } .cards-selectiekader-binnen { display: flex; flex-wrap: nowrap; animation: marquee 70s linear infinite; /* Langere duur voor vloeiendere bewegingen */ animatie-richting: reverse; will-change: transformeren; /* Optimaliseer rendering */ backface-visibility: hidden; /* Verminder jitter */ } /* Zorg ervoor dat kaarten een consistente afstand hebben */ .cards-marquee-inner > * { flex: 0 0 auto; marge-rechts: 20px; /* Pas de afstand tussen kaarten aan */ } /* Animatie pauzeren bij aanwijzen (optioneel) */ .cards-marquee-wrapper:hover .cards-selectiekader-binnen { animation-play-state: gepauzeerd; } @keyframes selectiekader { 0% { transform: translateX(0); } 100% { transform: translateX(-25%); } /* Aangepast voor 4x duplicatie */ } document.addEventListener('DOMContentLoaded', () => { functie crearCarruselMarquee(selector) { const contenedor = document.querySelector(selector); als (!vervolg) terugkeer; Maak wrapper om overflow te controleren const wrapper = document.createElement('div'); wrapper.className = 'kaarten-feesttent-wikkel'; contenedor.parentNode.insertBefore(wrapper, vervolg); wrapper.appendChild(vervolg); Wijs class toe aan hoofdcontainer contenedor.className = 'cards-marquee'; // Get original elements const hijosOriginales = Array.from(contenedor.children); const totalHijos = hijosOriginales.length; als (totalHijos === 0) teruggeeft; Maak een binnencontainer voor animatie const inner = document.createElement('div'); inner.className = 'kaarten-marquee-inner'; contenedor.appendChild(inner); Verplaats originele elementen naar de binnenste container hijosOriginales.forEach(hijo => { inner.appendChild(hijo); }); Kloon elementen meerdere keren voor naadloze looping (4x totaal: origineel + 3 klonen) voor (let i = 0; i ) { const clon = hijo.cloneNode(true); inner.appendChild(kloon); }); } } crearCarruselMarquee(".kaarten"); Pas de keuzeschakelaar indien nodig aan });