Дайте пожалуйста код на почетку и легенду crmp online

[dd23653]

https://forum.crmp.online/members/dasha_vladimirovnа.47753/

Кто может дайте css код для баннера и css для ника почетка и легенда. Легенду найдите кто может там где много сообщений типы есть, например Азиз

 

[кккыфв]

https://forum.crmp.online/members/dasha_vladimirovnа.47753/

Кто может дайте css код для баннера и css для ника почетка и легенда. Легенду найдите кто может там где много сообщений типы есть, например Азиз

Спойлер: ник

1. background-image: url(https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif?cid=790b761…&rid=giphy.gif);
2. color: transparent;
3. -webkit-background-clip: text;
4. background-clip: text

Спойлер: баннер

.userBanner.super {
background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00)
}
@keyframes AnimBanner {
0% {
background-position: 0% 50%
}

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

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

 

[dd23653]

начиная с keyframes прост префиксы и роли пропадает и все. Я вставил где userbanner норм

 

[dd23653]

А так спс

 

[dd23653]

.userBanner
{
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 71%;
    border-radius: 1000px 450px 1000px 450px;
    padding: 5px 7px;
    background-size: 700% 700%;
    animation: AnimBanner 10s ease infinite;

    &.userBanner--staff
    {
        color: #fff;
        border: .6mm ridge rgba(255,255,255,0.2);
        background: linear-gradient(270deg, #04b, #bb0, #a00);
        background-size: 900% 900%
    }

    &.gts
    {
        background: #FF0000;
        color: white;
        text-align: center;
        font-size: 13px;
        font-weight: 500;
        border-radius: 10px 0px 10px 0px;
        padding: 4px;
        border: none
    }

    &.razrab
    {
        background-image: linear-gradient(270deg, #f819a7, #4619f8)
    }

    &.ga
    {
        background-image: linear-gradient(270deg, #8b0000, #570000)
    }

    &.user
    {
        background-image: linear-gradient(270deg, #9B9B9B, #9B9B9B)
    }

    &.kurator
    {
        background-image: linear-gradient(270deg, #8b00ff, #8b00ff)
    }

    &.adm
    {
        background-image: linear-gradient(270deg, #1A1AFF, #1A1AFF)
    }

    &.zgcgc
    {
        background-image: linear-gradient(270deg, #0000A7, #0000A7)
    }

    &.ld
    {
        background-image: linear-gradient(270deg, #77EDFF, #77EDFF)
    }

    &.spec
    {
        background-image: linear-gradient(270deg, #FF0000, #FF0000)
    }

    &.gvtex
    {
        background-image: linear-gradient(270deg, #C7F6FA, #C7F6FA)
    }

    &.super
    {
        background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00)
    }


    &.osnov
    {
        background-image: linear-gradient(270deg, #FED129, #FED129)
    }

    &.moscow
    {
        background-image: linear-gradient(270deg, #ffca86, #ffca86)
    }

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

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

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

.label
{
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    border-radius: 5px;

    &.v /* красный цвет */
    {
        background: #ff0000;
        box-shadow: 0 0 12px #f00
    }

    &.ras /* синий цвет */
    {
        background: #0044ff;
        box-shadow: 0 0 12px #04f
    }

    &.otk /* зеленый цвет */
    {
        background: #00AA00;
        box-shadow: 0 0 12px #0a0
    }

    &.rasm /* оранжевый цвет */
    {
        background: #ee7700;
        box-shadow: 0 0 12px #e70
    }

    &.inf /* желтый цвет */
    {
        background: #ffbb00;
        box-shadow: 0 0 12px #fb0
    }
}

 

[dd23653]

Подскажите что тут неправильного? Когда всталил аним перестало работать

 

[Jack_Mithel]

Подскажите что тут неправильного? Когда всталил аним перестало работать

аним для чего? Баннеров?

 

[dd23653]

Да

 

[platonckik]

ник

background-image: url(https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif?cid=790b761…&rid=giphy.gif);
color: transparent;
-webkit-background-clip: text;
background-clip: text;

баннер

.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 71%;
    border-radius: 100px 45px 100px 45px;
    padding: 5px 7px;
    background-size: 700% 700%;
    animation:AnimBanner 10s ease infinite
}
.userBanner.super {
    background-image:linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00)
}

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

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

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