Legal

Instruction

Counter Gsap

<script>
document.addEventListener("DOMContentLoaded", () => {

  gsap.registerPlugin(ScrollTrigger);

  const counters = document.querySelectorAll(".counter");

  counters.forEach(counter => {

    const text = counter.textContent.trim();

    const number = parseFloat(text.replace(/[^0-9.]/g, ""));
    const suffix = text.replace(/[0-9.,]/g, "").trim();

    const obj = { value: 0 };

    gsap.to(obj, {
      value: number,
      duration: 3,
      ease: "power2.out",

      scrollTrigger: {
        trigger: counter,
        start: "top 85%",
        toggleActions: "play none none none",
        once: true
      },

      onUpdate: () => {

        const finalValue =
          number % 1 !== 0
            ? obj.value.toFixed(1)
            : Math.floor(obj.value);

        counter.textContent =
          Number(finalValue).toLocaleString() + suffix;
      }
    });

  });

});
</script>

Cross Animation

<script> 
document.querySelector(".close-icon").addEventListener("click", () => {
  gsap.to(".top", {
    y: -20,
    opacity: 0,
    duration: 0.3,
    onComplete: () => {
      gsap.set(".top", { display: "none" });
    }
  });
});
</script>