ส่วนของ style

        .snowflake {

            position: fixed;

            top: -10px;

            color: white;

            z-index:999;

            font-size: 0.5em; /* ลดขนาดของหิมะ */

            opacity: 0.8;

            pointer-events: none;

            white-space: nowrap;

        }

   

ส่วนของ script

    const createSnowflake = () => {

        const snowflake = document.createElement("div");

        snowflake.innerHTML = "❅"; // สัญลักษณ์หิมะ

        snowflake.className = "snowflake";

        // กำหนดตำแหน่งเริ่มต้น

        snowflake.style.left = Math.random() * window.innerWidth + "px";

        snowflake.style.fontSize = Math.random() * 10 + 5 + "px"; // ขนาดหิมะสุ่ม

        document.body.appendChild(snowflake);

        // กำหนดทิศทางการเคลื่อนที่

        const fallSpeed = Math.random() * 2 + 2; // ความเร็วในการตก

        let driftSpeed = Math.random() * 2 - 1; // ทิศทางซ้ายขวา

        const driftyWidth = Math.random() * 3 + 1; // ความกว้างที่เคลื่อนที่ซ้ายขวา

        const fall = setInterval(() => {

            const rect = snowflake.getBoundingClientRect();

            if (rect.top < window.innerHeight) {

                // เคลื่อนที่ลง

                snowflake.style.top = rect.top + fallSpeed + "px"; 

                // เคลื่อนที่ซ้ายขวา

                snowflake.style.left = rect.left + driftSpeed + "px";

                // ตรวจสอบความสูงของ snowflake ว่าไม่เกินขอบเขตด้านซ้ายหรือขวา

                if (rect.left < 0 || rect.left > window.innerWidth) {

                    driftSpeed = -driftSpeed; // เปลี่ยนทิศทางเมื่อถึงขอบ

                }

            } else {

                clearInterval(fall);

                snowflake.remove(); // ลบหิมะเมื่อหลุดออกจากหน้าจอ

            }

        }, 30);

    };

    // สร้างหิมะตกทุกๆ 100 มิลลิวินาที

    setInterval(createSnowflake, 300);