Как задать градиент у 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>

Ваш ответ: