Tip Liquid Gold Animated Username Styling

[Eggy]

View attachment 21605.mp4​

Give your XenForo user groups a luxurious Liquid Gold animation featuring flowing metallic colours and a pulsing golden 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 eggyLiquidGold
{
    0%, 100%
    {
        background-position: 0% 50%;
        filter: drop-shadow(0 0 2px #b8860b);
    }

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

Then simply add the following CSS into the desired user group

color: #ffd700;
font-weight: 800;
display: inline-block;
background: linear-gradient(110deg, #a86b00, #ffcc33, #fff8d6, #ffb900, #ffe994, #fff8d6, #b8860b);
background-size: 300% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: eggyLiquidGold 3s ease-in-out infinite;

So it looks like this