Tip Neon Plasma Animated Username Styling

[Eggy]

View attachment 21608.mp4​

Give your XenForo user groups a vibrant Neon Plasma animation featuring flowing electric blue, purple and pink colours with a pulsating neon glow, using custom CSS in extra.less and the group's Username CSS settings.

Add the following to the bottom of your extra.less

@keyframes eggyNeonPlasma
{
    0%, 100%
    {
        background-position: 0% 50%;
        filter: drop-shadow(0 0 2px #00e5ff);
    }

    25%
    {
        background-position: 50% 50%;
        filter: drop-shadow(0 0 5px #5278ff);
    }

    50%
    {
        background-position: 100% 50%;
        filter: drop-shadow(0 0 8px #b24dff);
    }

    75%
    {
        background-position: 50% 50%;
        filter: drop-shadow(0 0 5px #e879ff);
    }
}

Then simply add the following CSS into the desired user group

color: #00e5ff;
font-weight: 800;
display: inline-block;
background: linear-gradient(110deg, #00e5ff, #5278ff, #b24dff, #e879ff, #5278ff, #00e5ff);
background-size: 300% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: eggyNeonPlasma 3s ease-in-out infinite;

So it looks like this