CSS3 border-left gradient question

HTML & CSS
1

Hi all,

I was wondering if you can help me with this question, can I set a border-left with a linear gradient?

Basically I want the border top have a top colour of black and a bottom colour of white?

Using border-colours the gradient moves from left to right for border-left but I ideally would like top to bottom?

Thanks

Kyle

2

Of course! :slight_smile:

Use with caution, not many browsers support it.

3

The border gradient can not be set gradient along the border, it’s set from outside in only.

But as a work around you could use a tall box as a left border (e.g. AP left:-x 100% high covering the real left border) and give that box a vertical gradient.

Maybe Ryan meant something like that. :slight_smile:

4

Excellent guys, thanks!

5

Of course, I didn’t mean it was possible, but possible to replicate it :).

My wording was fuzzy there.