Web Wiz - Green Windows Web Hosting
Web Wiz Homepage Search Web Wiz

  New Posts New Posts RSS Feed - Fade Colour in CSS
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

Fade Colour in CSS
 Post Reply Post Reply
Author
  Topic Search Topic Search  Topic Options Topic Options
Amateur View Drop Down
Senior Member
Senior Member
Avatar

Joined: 22 July 2004
Location: Ireland
Status: Offline
Points: 210 		Post Options Post Options   Thanks (0) Thanks(0)   Quote Amateur Quote  Post ReplyReply Direct Link To This Post Topic: Fade Colour in CSS
    Posted: 01 December 2004 at 1:02pm
Hi,

I am wondering if someone could help me please. How do I fade a colour on a page using CSS. For example, if i'm using the colour red, i want it to begin red and then fade out to another colour.

Is this possible? More info needed?

Thanks
Back to Top
dpyers View Drop Down
Senior Member
Senior Member


Joined: 12 May 2003
Status: Offline
Points: 3937 		Post Options Post Options   Thanks (0) Thanks(0)   Quote dpyers Quote  Post ReplyReply Direct Link To This Post Posted: 01 December 2004 at 3:01pm
Usually that's done with a background image. An example is at www.netcapability.com where the grey top and bottom fades towards the center.

Lead me not into temptation... I know the short cut, follow me.
Back to Top
Amateur View Drop Down
Senior Member
Senior Member
Avatar

Joined: 22 July 2004
Location: Ireland
Status: Offline
Points: 210 		Post Options Post Options   Thanks (0) Thanks(0)   Quote Amateur Quote  Post ReplyReply Direct Link To This Post Posted: 02 December 2004 at 7:31am
Thanks for your reply. Unfortunately I need to use a colour and not an image to do this. Any other ideas?
Back to Top
Semikolon View Drop Down
Senior Member
Senior Member


Joined: 09 September 2003
Location: Norway
Status: Offline
Points: 1718 		Post Options Post Options   Thanks (0) Thanks(0)   Quote Semikolon Quote  Post ReplyReply Direct Link To This Post Posted: 02 December 2004 at 7:34am
I think it's possible using javascript and/or css in some way.. I think I have seen it somewhere, but a long time ago, so I'm not 100% sure
Back to Top
dpyers View Drop Down
Senior Member
Senior Member


Joined: 12 May 2003
Status: Offline
Points: 3937 		Post Options Post Options   Thanks (0) Thanks(0)   Quote dpyers Quote  Post ReplyReply Direct Link To This Post Posted: 02 December 2004 at 7:58am
I think there's a gradient filter in DHTML - probably only works in IE though.

Lead me not into temptation... I know the short cut, follow me.
Back to Top
Amateur View Drop Down
Senior Member
Senior Member
Avatar

Joined: 22 July 2004
Location: Ireland
Status: Offline
Points: 210 		Post Options Post Options   Thanks (0) Thanks(0)   Quote Amateur Quote  Post ReplyReply Direct Link To This Post Posted: 02 December 2004 at 8:00am
Originally posted by dpyers dpyers wrote:

I think there's a gradient filter in DHTML - probably only works in IE though.
Yeah i have come accross few ways of doing it but they all only work with IECry
Back to Top
hgurol View Drop Down
Newbie
Newbie
Avatar

Joined: 29 January 2004
Location: Turkey
Status: Offline
Points: 16 		Post Options Post Options   Thanks (0) Thanks(0)   Quote hgurol Quote  Post ReplyReply Direct Link To This Post Posted: 02 December 2004 at 1:42pm 
style=filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85;
 
this might be what you are looking for....and it also works with netscape brothers

take a look at how it works on my site   http://www.dmbturkiye.gen.tr
 
 
ps: hmmm no, sorry this is not what you are after.... Unhappy


Edited by hgurol - 02 December 2004 at 1:43pm
Back to Top
dpyers View Drop Down
Senior Member
Senior Member


Joined: 12 May 2003
Status: Offline
Points: 3937 		Post Options Post Options   Thanks (0) Thanks(0)   Quote dpyers Quote  Post ReplyReply Direct Link To This Post Posted: 02 December 2004 at 2:13pm
That's a neat little trick though. Works in fireFox as well.

Lead me not into temptation... I know the short cut, follow me.
Back to Top
 Post Reply Post Reply

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.08
Copyright ©2001-2026 Web Wiz Ltd.

Become a Fan on Facebook Follow us on X Connect with us on LinkedIn Web Wiz Blogs
About Web Wiz | Contact Web Wiz | Terms & Conditions | Cookies | Privacy Notice

Web Wiz is the trading name of Web Wiz Ltd. Company registration No. 05977755. Registered in England and Wales.
Registered office: Web Wiz Ltd, Unit 18, The Glenmore Centre, Fancy Road, Poole, Dorset, BH12 4FB, UK.

Prices exclude VAT at 20% unless otherwise stated. VAT No. GB988999105 - $, € prices shown as a guideline only.

Copyright ©2001-2026 Web Wiz Ltd. All rights reserved.