<script>
window.Webflow ||= [];
window.Webflow.push(() => {
gsap.registerPlugin(ScrollTrigger);
const pathsToAnimate = document.querySelectorAll(
'[wb-element="path-to-animate"]'
);
pathsToAnimate.forEach((path) => {
const finalPath = path.getAttribute("wb-final-path");
gsap
.timeline({
scrollTrigger: {
trigger: path,
start: "top bottom",
end: "bottom top",
scrub: 1
}
})
.to(path, {
attr: { d: finalPath },
ease: "none"
});
});
});
</script>