Как сделать что бы при наведении менялся border background и color?

Question

[Yaroslav723]

.gradient-box {
    max-width: 256px;
    position: relative;
    padding: 19px 34px;
    
    $border: 1px;
    color: $main-color;
    background: #000;
    background-clip: padding-box; /* !importanté */
    border: solid $border transparent; /* !importanté */
    border-radius: 40px;
  
    &:before {
      content: '';
      position: absolute;
      top: 0; right: 0; bottom: 0; left: 0;
      z-index: -1;
      margin: -$border; /* !importanté */
      border-radius: inherit; /* !importanté */
      background: linear-gradient(to right, #FF3471, #710BA0);
    }
  }

Должен быть белый бордер но при наведении должен быть разноцветный и background белый

Comments

[Danny Arty]

А в поисковиках пытались искать ответ?

Answer 1

[Rsa97]

Псевдокласс :hover