Скрипт Гайд Анимированные баннеры групп в XenForo

.uB {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 65%;
    padding: 3px 6px;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
}

.uB.uB--staff {
    border: none;
    background: linear-gradient(270deg, #00b9ff, #d104ff, #2800ff);
    background-size: 900% 900%;
}

.uB.admin {
    background-image: linear-gradient(270deg, #ff0000, #dc00ff, #ff9400);
}

.uB.moder {
    background-image: linear-gradient(270deg, #01a72c, #df841a, #468153);
}

.uB.user {
    background-image: linear-gradient(270deg, #878a88, #7b73a5, #648981);
}

@keyframes AnimBanner {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

uB admin