XF 2.1 How to get these username animations?

aiden crook

Member
Licensed customer
To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.
- in particular, the nintendo style. I have tried using the same add on and animations extension, except i get this result:
To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Their CSS code is:

Code:
<div class="upgradeFeatures_b">
                                    <style>
.th-unco-user-name-style-21>span {
    animation: flux 2s linear infinite;
    -moz-animation: flux 2s linear infinite;
    -webkit-animation: flux 2s linear infinite;
    -o-animation: flux 2s linear infinite;
    font-family: neon;
    color: #426DFB;
    text-shadow: 0 0 3vw #2356ff;
    text-align: center;
}
.th-unco-user-name-style-19>span {
    color: inherit;
    text-shadow: 0 0px 3px #fff, 0 0 3px #fff;
    font-weight: bold;
    background-image: url(usernamestyle/sparkle.gif);
    animation: style-554 15s ease infinite;
    text-align: center;
}
.th-unco-user-name-style-18>span {
    padding: 0.25em;
    font-family: Nintendoid1;
    color: #eee;
    font-size: 0.62em;
    line-height: 1;
    text-shadow: 0.06rem 0 0.06rem #ea36af, -0.125rem 0 0.06rem #75fa69;
    letter-spacing: 0.125em;
    animation-duration: 0.01s;
    animation-name: textflicker;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
</style>
<p style="text-align: center;"><span class="th-unco-user-name-style-18">
                                <span>Retro Style</span>
</span></p>
<p style="text-align: center;"><span class="th-unco-user-name-style-21">
                                <span>Neon Style</span>
</span> </p>
<p style="text-align: center;"><span class="th-unco-user-name-style-19">
                                <span>Fading Rainbow - Sparkle Glow Style</span>
</span></p>
<p style="text-align: center;">AND MORE!</p>
                                </div>
 
Back
Top Bottom