CSS 淡出边框

Question

我正在尝试创建一个边框褪色的框。我已经设法找到了这样的例子，但我无法创造我希望完成的事情。

    border:3px;
-webkit-border-image:-webkit-gradient(linear, 0 0, 0 100%, from(#382E5C), to(rgba(0, 0, 0, 0))) 1 100%;
-webkit-border-image:-webkit-linear-gradient(#382E5C, rgba(0, 0, 0, 0)) 1 100%;
-o-border-image:-o-linear-gradient(#382E5C, rgba(0, 0, 0, 0)) 1 100%;
-moz-border-image:-moz-linear-gradient(#382E5C, rgba(0, 0, 0, 0)) 1 100%;

该 css 在两侧都给了我很酷的褪色边框，但我也希望顶部边框保持纯色。如何使顶部边框实心，并保持两侧褪色，底部透明。 谢谢

Answer 1

请尝试以下操作：如果我们使用边框顶部，边框将仅保持在顶部位置。

border-top: 3px solid red; 
/***
------add your fading borders
***/

如果你不明白，请给我你的代码...