XF 1.5 User CSS

I was wondering how we can style ranks on our forums to have snazzy sparkly names as shown here: https://gyazo.com/e2bb8b825a1e98cac318bd88097c6c78 I tried in the past but failed to find out how. Noticed a lot of forums doing this and really liked the idea!

 

Bump

 

From control panel: Users > List User Groups > Click on usergroup > add CSS into "User Name CSS" field.

 

I understand that part, I'm just confused on what sort of font css code that is and how they added tags next the names as well. Is it straight up all css and codes?

 

Can you explain more what you want to do exactly?

 

Had to rephrase my previous comment, basically with the screenshot provided, is that straight up css code?

 

Those are just background glitter images. So yes it's all CSS.

 

Ah thank you

 

I managed it https://gyazo.com/c96d1dc92a31d791035c07eff2ee9ccf was only able to find one sparkly gif example online, not sure how to create them myself and change colors -sad face-