@Yaroslav723

Как сделать что-бы текст был поверх?

.btn{
    background: $main-color;
    font-family: 'Aleo';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 18px 40px;
    transition: all 0.3s linear;
    position: relative;
    
    
    &:hover{
        filter: brightness(0.7);
    }
    &::before{
        content:"" ;
        width: 112px;
        height: 100%;
        background:#496BFE;
        position: absolute;
        top: 0;
        left: 0;
        clip-path: polygon(1% 0, 40% 0, 96% 99%, 0% 100%);
        
    }
}

62c4272b3ea85362959982.png
  • Вопрос задан
  • 34 просмотра
Пригласить эксперта
Ответы на вопрос 1
@romant094
Frontend-developer
Замените &::before на это
background: linear-gradient(45deg, rgb(80, 106, 245) 45%, rgb(91, 115, 244) 45%);

Вот тут пример: https://codepen.io/romant094/pen/yLKVObg?editors=1100
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
15 авг. 2022, в 15:59
5000 руб./за проект
15 авг. 2022, в 15:41
5000 руб./за проект
15 авг. 2022, в 15:39
500 руб./за проект