右边界渐变

Question

我正在尝试使<ul>元素的右边界成为线性渐变。
我尝试了以下操作，但没有成功：

-webkit-border-image: -webkit-linear-gradient(top, #FE2EF7, #4AC0F2) 0 0 5px;

我正在使用Chrome。
非常感谢

Answer 1

有一个解决方案，但是我不确定您是否可以调整边框宽度：http : //jsfiddle.net/u2ZE4/1/

-webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#e00), to(#fff))0 100% 0 0 stretch;