לאחרונה יש טרנד עיצובי חדש, של הופעת קונפטי בלחיצה על כפתור כלשהו באתר.
יש תוספים שמאפשרים להוסיף קונפטי, אך צריך להוסיף קרדיט עם קישור בתחתית האתר. דבר שעלול לגרום לזליגת גולשים מהאתר.
בנוסף, התוספים מאפשרים את הקונפטי בלחיצה.

בפוסט זה נראה שלב אחרי שלב איך להקפיץ קונפטי באתר במעבר עכבר על ווידג'ט כלשהו, עם הוספת קוד קצר.

בחרו את הווידגט הרצוי, שמעבר עכבר עליו יגרום לקפיצת הקונפטי. הגדירו לו ID עם הערך "mybtn"

בחרו ווידג'ט html ומקמו אותו אחרי הווידג'ט הרצוי.

לhtml הוסיפו את הקוד הבא:

<script src="https://cdn.jsdelivr.net/npm/@tsparticles/confetti@3.0.3/tsparticles.confetti.bundle.min.js"></script>

<script>
    const mybtn = document.getElementById("konfety");

    mybtn.addEventListener("mousemove", function () {
        confetti({
            particleCount: 100,
            spread: 70,
            origin: { x: 1 },
        });
    });
</script>

כעת, הווידגט שלכם מקפיץ קונפטי!

עברו עלי