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，边框将只保留在最顶层。

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

如果你不明白，请把你的代码告诉我......

css褪色的边框

1 个答案: