Разноцветный ник

Всем привет, сегодня я вам покажу как сделать такой ник:

Создаем группу, к которой хотим подключить CSS.
В Префикс имени пользователя пишем это:

<span class="voodnik">

А в Суффикс имени пользователя:

</span>

А в style.css это: 

.voodnik {
    background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
    background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
    color: rgba(0, 0, 0, 0.47);
    -webkit-background-clip: text;
    background-clip: text;
}

Таким образом мы подключим CSS к нашей группе.

Змінено 11 вересня, 20168 р користувачем voodnik ®