Board index PBase HTML and Style Sheets Colour fading banners

HTML and Style Sheets

Colour fading banners

Customize your galleries.
dbenyakar
 
Posts: 12

Colour fading banners

Post Wed Dec 10, 2008 12:03 pm


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

flemmingbo
 
Posts: 435
Location: Denmark, Copenhagen

Re: Colour fading banners

Post Wed Dec 10, 2008 12:14 pm


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
Flemming Bo Jensen Photography
Gallery: http://www.pbase.com/flemmingbo
My photography blog: http://flemmingbo.wordpress.com

dbenyakar
 
Posts: 12

Re: Colour fading banners

Post Thu Dec 11, 2008 1:06 am


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.

flemmingbo
 
Posts: 435
Location: Denmark, Copenhagen

Re: Colour fading banners

Post Fri Dec 12, 2008 8:22 am


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
Flemming Bo Jensen Photography
Gallery: http://www.pbase.com/flemmingbo
My photography blog: http://flemmingbo.wordpress.com


Board index PBase HTML and Style Sheets Colour fading banners

Who is online

Users browsing this forum: ClaudeBot and 2 guests