一尘不染

渐变边框

css

我试图将渐变应用于边框,我认为这样做很简单:

border-color: -moz-linear-gradient(top, #555555, #111111);

但这是行不通的。

有人知道做边界渐变的正确方法是什么吗?


阅读 294

收藏
2020-05-16

共1个答案

一尘不染

WebKit现在(至少Chrome 12)支持渐变作为边框图像:

-webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), color-stop(0.5, #fff), color-stop(0.5, #66cc00)) 21 30 30 21 repeat repeat;

Prooflink- 浏览器支持

2020-05-16