Gradient for Border of a div or any Component..?

asked 2014-01-22 10:44:52 +0800

MVarun gravatar image MVarun flag of India
268 1 6

Can any one Help me how to apply Gradient for Border of a div or any Component on a specific Side..?

for Example,

in Css we use

.z-listbox{ border-bottom:1px solid red;}

In the same way i need a border with gradient.

delete flag offensive retag edit


instead of color "red" mentioned above, i need a gradient.

MVarun ( 2014-01-22 13:25:16 +0800 )edit

2 Answers

Sort by ยป oldest newest most voted

answered 2014-01-22 12:26:25 +0800

chillworld gravatar image chillworld flag of Belgium
5322 4 9

The example you give is NOT gradient. For gradient you have to use a gradient image.

Maybe this can help you:


note: not every browser support this.

Greetz chill.

link publish delete flag offensive edit

answered 2014-02-08 08:47:38 +0800

russelme gravatar image russelme

Oh, I prefer to do it in photoshop or fireworks. To do it in css is so tough to me.

link publish delete flag offensive edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

1 follower



Asked: 2014-01-22 10:44:52 +0800

Seen: 15 times

Last updated: Feb 08 '14

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More