XenForo How to make very simple animated rainbow user banner

[kutaz]

So in this very simple tutorial, I want to show how to make very simple animated rainbow user banner for XF2.
1. Go to core_labels.less
2. Past this code below.

&.label--rainbow {
    color: white;
    background-image: url(https://i.pinimg.com/originals/e5/89/95/e5899572ecace2b0895b36db7703a001.gif);
    border-radius: 30px;
    border: 1px solid #0000ffff;
    text-shadow: 1px 1px 6px #000000;
    }

3. Go to User groups
4. Press in User banner styling, Other, using custom CSS class name, paste this code below.

label label--rainbow

5. You have it
Preview of this banner.

https://imgur.com/fgHp3o4

 

[SAG3X]

Hmm, i seem to get this weird border shape that is also rainbow and moving? Any ideas how to fix.

 

[kutaz]

Hmm, i seem to get this weird border shape that is also rainbow and moving? Any ideas how to fix.

Add this code to user css style
border: 0px solid white;

 

[SAG3X]

Add this code to user css style
border: 0px solid white;

Doesnt work

 

[kutaz]

Doesnt work

So give me ss