Ищу красивые анимированные баннеры

[Sahaanet27041]

Ищу красивые анимированные баннеры под должность:
Основатель
Руководитель
Заместитель руководителя
Похожее на скрин ниже

 

[🦅Seryw🦅]

Как говорится - ссылка на форум где есть такие банера

 

[Sahaanet27041]

Как говорится - ссылка на форум где есть такие банера

Мне бы знать где есть я находил и потерял

 

[unloadmod]

@keyframes bannerFlow {

    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.userBanner,
.label,
.userTitle {
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 72%;
    padding: 4px 10px;
    border-radius: 10px;
    background-size: 300% 300%;
    animation: bannerFlow 8s ease infinite;
    border: 1px solid rgba(255,255,255,0.35);
    box-shadow:
        0 0 6px rgba(0,0,0,0.45),
        inset 0 0 6px rgba(255,255,255,0.08);
}

.userTitle {
    background-color: transparent !important;
}

.userBanner.userBanner--staff {
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 72%;
    padding: 4px 10px;
    border-radius: 10px;

    background-image: linear-gradient(
        120deg,
        #0b0b0b,
        #ff8c00,
        #1a1a1a,
        #ff6f00,
        #0b0b0b
    );
    background-size: 300% 300%;
    animation: bannerFlow 9s ease infinite;

    border: 1px solid rgba(255,140,0,0.45);
    box-shadow:
        0 0 10px rgba(255,140,0,0.65),
        inset 0 0 6px rgba(255,140,0,0.15);
}

.ga {
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 72%;
    padding: 4px 11px;
    border-radius: 10px;

    background-image: linear-gradient(
        120deg,
        #0b0b0b,
        #5a0f14,
        #1a1a1a,
        #8b0000,
        #0b0b0b
    );
    background-size: 300% 300%;
    animation: bannerFlow 14s ease infinite;

    border: 1px solid rgba(139,0,0,0.55);
    box-shadow:
        0 0 12px rgba(139,0,0,0.65),
        inset 0 0 6px rgba(139,0,0,0.2);
}

.admin {
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 72%;
    padding: 4px 11px;
    border-radius: 10px;

    background-image: linear-gradient(
        120deg,
        #0b0b0b,
        #7a1a1a,
        #1a1a1a,
        #b22222,
        #0b0b0b
    );
    background-size: 300% 300%;
    animation: bannerFlow 15s ease infinite;

    border: 1px solid rgba(178,34,34,0.5);
    box-shadow:
        0 0 10px rgba(178,34,34,0.6),
        inset 0 0 5px rgba(178,34,34,0.18);
}

.moder {
    background-image: linear-gradient(
        120deg,
        #0b0b0b,
        #c62828,
        #1a1a1a,
        #ff5252,
        #0b0b0b
    );
    border-color: rgba(198,40,40,0.5);
    box-shadow: 0 0 10px rgba(198,40,40,0.7);
}