Как задать градиент у border и сделать его круглым?

  • Tiquit11 месяцев назад
    Подскажите как задать градиент у border и сделать его круглым?

    style
    #gradient-round-border {
    width: 300px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    }


    html
    <div id="gradient-round-border">button</div>
    Ответов: 1
  • Сергей11 месяцев назад


    #gradient-round-border {
    width: 300px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border: double 4px transparent;
    border-radius: 80px;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #d24545,#45d2d0);
    background-origin: border-box;
    background-clip: content-box, border-box;
    }


    <div id="gradient-round-border">button</div>
Ваш ответ:
  • bold
  • italic
  • underline
  • strike
  • Add link
  • Add image
  • Blockquote
  • Align left
  • Align center
  • Align right
  • Code
×
Используя сайт, вы подтверждаете, что вы прочитали и поняли политику о куки, политику конфиденциальности и наше пользовательское соглашение.