Как задать градиент у border и сделать его круглым?
- 2 года назадПодскажите как задать градиент у border и сделать его круглым?
style#gradient-round-border {
width: 300px;
height: 80px;
line-height: 80px;
text-align: center;
}
html<div id="gradient-round-border">button</div>
Ответов: 1 - 2 года назад
#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>
Ваш ответ: