Animated Gradient Fonts (Wikia.css)

First, you’ll need this code:

/****Sample Text****/ .text-/*NAME*/ { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, /*HEXCODE1*/), color-stop(0.25, /*HEXCODE2*/), color-stop(0.5, /*HEXCODE3*/), color-stop(0.75, /*HEXCODE4*/), color-stop(1, /*HEXCODE5*/)); background-image: -webkit-linear-gradient(left, /*HEXCODE1*/ 0%, /*HEXCODE2*/ 25%, /*HEXCODE3*/  50%, /*HEXCODE4*/  75%, /*HEXCODE5*/ 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-/*NAME*/ /*SPEED*/s infinite; color: /*HEXCODE(ANY #)*/; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-/*NAME*/ {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } Next fill in all of the placeholders, and it will be completed.

Please note that you’d might need to wait for a while for the code to work or clear your cache.