XF 2.1 How to animated username style

[leoterik]

like the titel already ask's
i want to animaite username styles from groups not per user.

 

[hemant_bhardwaj]

use user css in the usergroup section
add key animation in extra.less

@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}

and this css for your usergroup -

    text-transform: uppercase;
    overflow: hidden;
    background: linear-gradient(90deg, #000000, #ffffff, #000000);
    background-repeat: no-repeat;
    background-size: 80%;
    animation: animate 3s linear infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0);

this is just example you can use any code of css

for example -

 

[leoterik]

use user css in the usergroup section

oh rly? xD

and whats the code for it?

 

[hemant_bhardwaj]

oh rly? xD

and whats the code for it?

i have updated my first reply you can check it

 

[leoterik]

i have updated my first reply you can check it

oh nice thanks for that, can you send me more animations? :3

 

[leoterik]

Bumb

 

[Rock75]

use user css in the usergroup section
add key animation in extra.less

@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}

and this css for your usergroup -

    text-transform: uppercase;
    overflow: hidden;
    background: linear-gradient(90deg, #000000, #ffffff, #000000);
    background-repeat: no-repeat;
    background-size: 80%;
    animation: animate 3s linear infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0);

this is just example you can use any code of css

for example -

thats great, what would be code for pink color user name