Web Analytics Made Easy -
StatCounter background color fade? - CodingForum

Announcement

Collapse
No announcement yet.

background color fade?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • background color fade?

    Is there a way to fade a background color to another? What I mean is like could the two colors be faded like gradient to each other? I like the gradient scheme, can it be done?

  • #2
    Why not just make a picture of a gradient that is only 1 pixel wide? Like what I have attached.
    Attached Files

    Comment


    • #3
      Example of Gradient Filter for IE5.5+ (copy&paste URL):
      http://www24.brinkster.com/zvona/htmlexa.asp?article=03
      Zvona
      First Aid for
      Web Design

      Comment


      • #4
        Is there a possible way to add to that script Zvona ?

        I'm wondering whether you could add an extra colour to the blend that it moves "through".

        For instance starting from black, moving through white, then back to black.
        I know it can be done by making two seperate tables, which I've done, but placing text inside is more difficult.
        It would just make things easier... any idea ?

        Also, the gradient function... is there a way to make the blend move from a corner to the opposite corner instead of just top/bottom and left/right ?

        Many thanx...
        Last edited by Sp00kY; Jun 27, 2002, 10:45 AM.
        `Sp00kY`

        Comment


        • #5
          The CSS links and other links are broken
          Personal Preference:
          Cut & Paste Codes | Coding Tutorials | fValidate | Lotus Notes & Others Tutorials | Java Source Codes & Applets | CSS Zen Garden

          Comment


          • #6
            Filter?
            Evil proprietry MADNESS!
            Avoid those horrid little buggers like the plague, they'll bite you on the *** later on when more people upgrade their browser.
            Go with the 1px jpg and use the following CSS
            Code:
            #element {
            background:#fff url(images/gradient.jpg) repeat-y;
            }

            I take no responsibility for the above nonsense.


            Left Justified

            Comment


            • #7
              Living example of ^^:

              http://www.mudsplat.com

              Easiest way to go about it.
              http://www.mudsplat.com - Web design, print, and marketing solutions.

              Comment

              Working...
              X