相关疑难解决方法(0)

可以将border-radius与具有渐变的border-image一起使用吗?

我正在设置一个输入字段,它具有圆角边框(border-radius),并尝试向所述边框添加渐变.我可以成功地制作渐变和圆形边框,但不能同时工作.它既可以是没有渐变的圆角,也可以是带渐变的边框,但没有圆角.

-webkit-border-radius: 5px;
-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b0bbc4), to(#ced9de)) 1 100%;
Run Code Online (Sandbox Code Playgroud)

反正有两个CSS属性一起工作,还是这不可能?

css css3

62
推荐指数
5
解决办法
7万
查看次数

边界半径的边界渐变

我有以下CSS: -

a.btn.white-grad {
    background: $lgrey;
    color: #313149 !important;
    border: 1px solid #000;
    border-image-source: linear-gradient(to right, #9c20aa, #fb3570);
    border-image-slice: 20;
    float: left;
    @include font-size(26);
    margin: 75px 0;
}
Run Code Online (Sandbox Code Playgroud)

添加border-radius:5px似乎没有做任何事情,我认为这是因为我正在使用边框渐变,有没有办法让我达到所需的5px边框半径?

css linear-gradients css3

3
推荐指数
2
解决办法
2635
查看次数

标签 统计

css ×2

css3 ×2

linear-gradients ×1