css褪色边框

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

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给我凉爽的两边淡化边界，但我也希望顶部边框保持纯色。如何让顶部边框变牢固，并保持底部褪色，透明。谢谢

来源

2012-10-04 Philippe Allaire

边境形象影响到整个元素。一个建议是将元素放在另一个div中，并设置border-top：1px solid＃000。 –

请试试这个：如果我们使用border-top，边框将只保留在最上面的位置。

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

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

来源

2012-10-04 06:27:57

我使用border-top属性创建另一个div，必须添加margin-top：-3px;让一切正确排列。 –

好菲利普.... –

回答

相关问题