468,236 Members | 1,928 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,236 developers. It's quick & easy.

fade color from dark to light of the same color?

How do I for instance, fade the background color from dark gold at the top of the page to a light gold, by the time it gets to the bottom of the page?
May 2 '07 #1
3 14182
drhowarddrfine
7,435 Expert 4TB
With javascript so you need to ask over there.
May 2 '07 #2
iam_clint
1,208 Expert 1GB
CSS
Expand|Select|Wrap|Line Numbers
  1. body {
  2.    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#B09900',EndColorStr='#FFF192');
  3. }
  4.  
this hack only works for IE only, the only other way todo this is with an image.. can't be accomplished via js
May 2 '07 #3
drhowarddrfine
7,435 Expert 4TB
Ack! Again I misread the question. (I thought this was a question of dynamically fading/lightening the color)

Do not use filters. They are not standard and only work in IE and, sometimes, Safari.

Instead, use CSS gradients. You can Google for them while I piece together something for you. Here's the common method to get you started. Scroll to gradients. Or Google for "css gradients" to get a whole pile of examples.
May 2 '07 #4

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

8 posts views Thread by Mark Schonewille | last post: by
19 posts views Thread by Vinod | last post: by
4 posts views Thread by Chris Lieb | last post: by
1 post views Thread by mrajanikrishna | last post: by
8 posts views Thread by William Gill | last post: by
reply views Thread by kermitthefrogpy | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.