How to apply gradient to the border of a div?

Question

How can I appply gradient to the border of a div using CSS ? Any one example please. I have tried using google, but not able to do it.

possible duplicate of [Is it possible to make a gradient border with css3?](http://stackoverflow.com/questions/6619818/is-it-possible-to-make-a-gradient-border-with-css3) — Madara's Ghost, Aug 29 '11 at 15:02
css-tricks has good video/demos on border gradients...http://css-tricks.com/video-screencasts/95-a-tale-of-border-gradients/ — MikeM, Aug 29 '11 at 15:04

score 1 · Accepted Answer · answered Aug 29 '11 at 15:09

1

the trick is to use a wrapper and had an background image to it, so it's IE7+ proof

<span class="buttonWrapper">
   <input type="button" value="Submit" />
</span>

live example on JsBin

answered Aug 29 '11 at 15:09

balexandre

score 0 · Answer 2 · answered Oct 16 '11 at 05:06

0

check out my demo, i'm in the process of trying to get the gradient to only be on the right border, not the others.

answered Oct 16 '11 at 05:06

android.nick

2 Answers2