Give your XenForo user groups a dangerous looking username effect featuring vibrant radioactive green, unstable energy pulses and an eerie nuclear glow.
Add the following to the bottom of your extra.less
Code:
@keyframes eggyToxicRadioactive
{
0%, 100%
{
color: #baff39;
text-shadow:
0 0 3px #cfff55,
0 0 8px #76ff03,
0 0 15px #39d900,
0 0 23px #208b00;
}
15%
{
color: #dfff87;
text-shadow:
0 0 5px #ffffff,
0 0 12px #b2ff00,
0 0 22px #66ff00,
0 0 32px #39d900;
}
17%
{
color: #66cc00;
text-shadow:
0 0 2px #44aa00,
0 0 5px #208b00;
}
19%
{
color: #efffa8;
text-shadow:
0 0 7px #ffffff,
0 0 16px #baff00,
0 0 28px #76ff03,
0 0 40px #39d900;
}
23%
{
color: #baff39;
text-shadow:
0 0 4px #b2ff59,
0 0 10px #76ff03,
0 0 19px #39d900;
}
48%
{
color: #d5ff60;
text-shadow:
0 0 5px #dfff87,
0 0 13px #99ff00,
0 0 25px #39d900;
}
65%
{
color: #90e800;
text-shadow:
0 0 3px #76ff03,
0 0 8px #39d900;
}
68%
{
color: #f3ffb0;
text-shadow:
0 0 8px #ffffff,
0 0 19px #baff00,
0 0 30px #76ff03,
0 0 45px #39d900;
}
72%
{
color: #baff39;
text-shadow:
0 0 4px #cfff55,
0 0 10px #76ff03,
0 0 20px #39d900;
}
}Then simply add the following CSS into the desired user group
Code:
color: #baff39;
font-weight: 800;
display: inline-block;
letter-spacing: 0.3px;
text-shadow: 0 0 3px #cfff55, 0 0 8px #76ff03, 0 0 15px #39d900;
animation: eggyToxicRadioactive 3.2s ease-in-out infinite;So it looks like this
