How can i add text with cursor

Hi,

I would like to add Happy New Year with mouse cursor on my Home page, please help

Thanks Tuanphan!

I see you marked it as answered. Do you still need code or you solved it?

Hi Tuanphan, i have applied the below mentioned code in the advance section this enable the text in the header section however it won't apply on rest of the specific page, is there any solution for this...Pls note that i need it to be mentioned in the landing page only, please check...

https://kiwianaimmigration.online/

<style>
    body {
        margin: 0;
    }

    .trail-container {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        z-index: 9999;
    }

    .trailing-word {
        position: absolute;
        font-size: 16px;
        color: #ffffff; /* Set your desired color */
        white-space: nowrap;
        opacity: 0.8;
    }
</style>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        const container = document.createElement("div");
        container.className = "trail-container";
        document.body.appendChild(container);

        document.addEventListener("mousemove", function (e) {
            const word = document.createElement("div");
            word.className = "trailing-word";
            word.textContent = "Kiwiana Immigration wishes you a Happy New Year!";

            const x = e.clientX;
            const y = e.clientY;

            word.style.left = x + "px";
            word.style.top = y + "px";

            container.appendChild(word);

            // Remove the word after a certain period
            setTimeout(() => {
                container.removeChild(word);
            }, 50); // Set the time (in milliseconds) you want the word to stay
        });
    });
</script>

Where did you get that code?