Ga naar de inhoud
document.addEventListener("DOMContentLoaded", () => {
gsap.set(".line", { opacity: 0.3 }); // start alle regels zwak
const tl = gsap.timeline({ repeat: 0, delay: 0.5 });
tl.to(".line:nth-child(1)", { opacity: 1, duration: 1 }) // eerste helder
.to(".line:nth-child(1)", { opacity: 0.3, duration: 1, delay: 1 })
.to(".line:nth-child(2)", { opacity: 1, duration: 1 }) // tweede helder
.to(".line:nth-child(2)", { opacity: 0.3, duration: 1, delay: 1 })
.to(".line:nth-child(3)", { opacity: 1, duration: 1 }) // derde helder
.to(".line", { opacity: 1, duration: 1, delay: 1 }); // alle drie helder
});