jsクラッカー
Java Scriptを使用してクラッカーのエフェクトをつける

jsコードは以下のとおり

        const target = document.getElementById('effect');

        const observer = new IntersectionObserver((entries, observer) => {
          entries.forEach(entry => {
            if (entry.isIntersecting) {
              let count = 0;
              const interval = setInterval(() => {
                confetti({
                  particleCount: 80,
                  spread: 70,
                  origin: { y: 0.6 }
                });
                count++;
                if (count >= 5) clearInterval(interval); // 5回で止める
              }, 1000); // 1秒ごとに
            }
          });
        });

        observer.observe(target);