css3 can you gradient and put a colored line on the bottom?

Ruckus

Hardforum Moderator-in-Chief
Staff member
Joined
Oct 12, 2001
Messages
10,768
Im making a header 45px high with a gradient of #272727 down to #1b1b1b but i want the last pixel at the bottom to #313131 what would be the best way to do this that is not background image.
my current code
Code:
#gradientbg { 
background-color: #272727; 
background: url(images/bg.png); 
background-repeat: repeat-x; 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b1b1b), to(#272727)); 
background: -webkit-linear-gradient(top, #272727, #1b1b1b); 
background: -moz-linear-gradient(top, #272727, #1b1b1b); 
background: -ms-linear-gradient(top, #272727, #1b1b1b); 
background: -o-linear-gradient(top, #272727, #1b1b1b); }

example of what I mean
562894_4511817920554_242425563_n.jpg
 
thanks my brain isnt in design mode today.
 
Back
Top