Tip Galaxy Nebula Animated Username Styling

[Eggy]

View attachment 21620.mp4​

Give your XenForo user groups a mesmerising animated username featuring flowing galactic blues, cosmic purples and shimmering starlight. The colours drift through the lettering while bursts of white light create the appearance of distant stars sparkling across a nebula.

Add the following to the bottom of your extra.less

@keyframes eggyGalaxyNebula
{
    0%, 100%
    {
        background-position: 0% 50%;
        filter: drop-shadow(0 0 3px #5755ff)
                drop-shadow(0 0 5px #713bcb);
    }

    20%
    {
        background-position: 35% 50%;
        filter: drop-shadow(0 0 4px #a05aff)
                drop-shadow(0 0 8px #6236c9);
    }

    35%
    {
        background-position: 65% 50%;
        filter: drop-shadow(0 0 3px #ffffff)
                drop-shadow(0 0 10px #9666ff);
    }

    50%
    {
        background-position: 100% 50%;
        filter: drop-shadow(0 0 6px #6dbaff)
                drop-shadow(0 0 12px #7b42ed);
    }

    65%
    {
        background-position: 75% 50%;
        filter: drop-shadow(0 0 3px #e5dcff)
                drop-shadow(0 0 7px #ba69ff);
    }

    80%
    {
        background-position: 40% 50%;
        filter: drop-shadow(0 0 5px #8c70ff)
                drop-shadow(0 0 11px #4742c9);
    }
}

Then simply add the following CSS into the desired user group

color: #a78bff;
font-weight: 800;
display: inline-block;
letter-spacing: 0.4px;
background: linear-gradient(110deg, #638dff, #b17aff, #e4bdff, #ffffff, #a18aff, #72d5ff, #dba7ff, #638dff);
background-size: 300% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0 0 3px #5755ff);
animation: eggyGalaxyNebula 4s ease-in-out infinite;

So it looks like this