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

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

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

בחרו ווידג'ט 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("mybtn");

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

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

עברו עלי