css能实现渐变圆角的边框吗

Question

![图片上传中...]
现在写的是直角的

Answer 1

试试 这个

.btn {
    height: 50px;
    display: inline-block;
    padding: 1px;
    line-height: 50px;
    border-radius: 40px;
    width: 124px;
    background: -webkit-linear-gradient( right, #fff 0%, #fff 100%), -webkit-linear-gradient( right, #99d6ee 0%, #6362e1 100%);
    background-clip: content-box, padding-box;
    margin-top: 50px;
}

Answer 2

https://segmentfault.com/n/13...