Page 1 of 1

Colour fading banners

PostPosted: Wed Dec 10, 2008 12:03 pm
by dbenyakar
Hi,

Im pretty new to CSS and I would like to add a banner which its colour starts as solid at one end, and fades until transparent at the other end of it.
Can anyone tell me how can I do it? Do I have to add a logo for it?

Thanks
Danny

Re: Colour fading banners

PostPosted: Wed Dec 10, 2008 12:14 pm
by flemmingbo
Yes, you need to do a logo in Photoshop or whatever to achive this gradient effect.

It's not possible in css to do gradient fills. When you see a background (mine for example) on a site that has a gradient fill then it is a small jpg loaded as background and then repeated horizontally across the screen.

Best regards,

Flemming

Re: Colour fading banners

PostPosted: Thu Dec 11, 2008 1:06 am
by dbenyakar
Hi

If its repeated then how will the gradient colour remain as one gradient banner? wont the small jpeg image be duplicated through the whole page width?

Danny.

Re: Colour fading banners

PostPosted: Fri Dec 12, 2008 8:22 am
by flemmingbo
Yeah see what you mean :) If you want a gradient going from top to bottom, then you repeat the image horizontally. If you want the gradient horizontal them you repeat the image vertically.

But this is for backgrounds, if you're doing a logo with a gradient I reckon you need to do the whole logo as one graphic in Photoshop.

regards,

Flemming