Добро пожаловать!

Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.

Зарегистрироваться!
  • Если Вы желаете помогать развитию проекта, готовы заполнять раздел(-ы) и подсказывать другим пользователям на портале, есть возможность попасть в команду редакторов. Для этого следует обратиться в техническую поддержку
Пользователь
Регистрация
30 Ноя 2024
Сообщения
402
Код:
.pgreen {
background-image: linear-gradient(150deg, #32cd32, #008000);
color: white;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 6px #32cd32
}

.porange {
background-image: linear-gradient(150deg, #ffbf00, #ff9800);
color: white;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 6px #ff9800
}

.paqua {
background-image: linear-gradient(150deg, #03a9f4, #2ebcfc);
color: white;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 6px #03a9f4
}

.pred {
background-image: linear-gradient(150deg, #f00, #b22222);
color: white;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 6px #f00
}

.ypred {
background-image: linear-gradient(150deg, #ffe218, #ffc018);
color: black;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 6px #ffc018
}

.bpred {
background-image: linear-gradient(150deg, #1844ff, #186fff);
color: white;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 6px #1844ff
}
 
Команда форума
Модератор
Регистрация
4 Ноя 2024
Сообщения
786
Less:
.gradientBanner {
    font-size: 80%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 3px;
    border: 1px solid transparent;
    border-radius: 2px;
    text-align: center;
    display: inline-block;
    
    &.red
    {
        box-shadow: 0px 0px 5px #f00;
        background-color: #ff0000;
        border-color: #ff0000;
        color: #fff
    }
    
    &.green
    {
        box-shadow: 0px 0px 5px #008000;
        background-color: green;
        border-color: green;
        color: #fff
    }
    
    &.yellow
    {
        box-shadow: 0px 0px 5px #fdc000;
        background-color: #Fdc000;
        border-color: #Fdc000;
        color: #fff
    }
    
    &.white
    {
        box-shadow: 0px 0px 5px #ababab;
        background-color: #ababab;
        border-color: #ababab;
        color: #fff
    }
    
    &.ber
    {
        box-shadow: 0px 0px 5px #20dcd9;
        background-color: #20DCD9;
        border-color: #20DCD9;
        color: #fff
    }
}
 
Сверху