Question

I am trying to make right border of an <ul> element to be linear gradient.
I have tried following but with no success:

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

I am using Chrome.
Many thanks

Answer 1

There is a solution for that but I’m not sure you can adjust the border width: http://jsfiddle.net/u2ZE4/1/

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