CODEWITHSUNDEEP
cssgradientborder-layout
teenup
teenup

Reputation: 7667

How to apply gradient to the border of a div?

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.

Upvotes: 2

Views: 522

Answers (2)

android.nick
android.nick

Reputation: 11207

http://jsfiddle.net/nicktheandroid/b875w/1/

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.

Upvotes: 0

balexandre
balexandre

Reputation: 75073

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

Upvotes: 1

Related Questions