Tip Holographic RGB Animated Username Styling

[Eggy]

View attachment 21634.mp4​

Give your XenForo user groups a futuristic holographic username featuring constantly shifting rainbow reflections, iridescent colours and flashes of reflected light, giving the lettering the appearance of a holographic surface.

Add the following to the bottom of your extra.less

@keyframes eggyHolographicRGB
{
    0%, 100%
    {
        background-position: 0% 50%;
        filter:
            brightness(1)
            drop-shadow(0 0 2px #80eaff);
    }

    20%
    {
        background-position: 40% 50%;
        filter:
            brightness(1.2)
            drop-shadow(0 0 4px #ff8fff);
    }

    35%
    {
        background-position: 75% 50%;
        filter:
            brightness(1.5)
            drop-shadow(0 0 6px #ffffff);
    }

    38%
    {
        background-position: 80% 50%;
        filter:
            brightness(0.85)
            drop-shadow(0 0 2px #8fcfff);
    }

    42%
    {
        background-position: 85% 50%;
        filter:
            brightness(1.6)
            drop-shadow(0 0 7px #ffffff);
    }

    55%
    {
        background-position: 100% 50%;
        filter:
            brightness(1.1)
            drop-shadow(0 0 4px #d68cff);
    }

    75%
    {
        background-position: 50% 50%;
        filter:
            brightness(1.35)
            drop-shadow(0 0 5px #8affdf);
    }

    90%
    {
        background-position: 20% 50%;
        filter:
            brightness(1.15)
            drop-shadow(0 0 3px #ffaaff);
    }
}

Then simply add the following CSS into the desired user group

color: #b9f5ff;
font-weight: 800;
display: inline-block;
letter-spacing: 0.4px;
background: linear-gradient(115deg, #ff8fdf, #8beaff, #b8ffdf, #fff7ad, #ffffff, #b9a2ff, #ff9acb, #8beaff, #ff8fdf);
background-size: 350% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0 0 2px #80eaff);
animation: eggyHolographicRGB 4s ease-in-out infinite;