Gradient Background with Stripes

Discussion in 'CSS' started by Hades, Feb 17, 2008.

  1. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #21
    style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2',
    Code (markup):
    Um, I do remember someone on another forums trying to find a "CSS-only" way to make a gradient, which he did end up doing (with a lot of code). The problem with the above is that only IE browsers will see it. : ( Filter is a Microsoft thing and even at w3schools there were examples which I could never see (I only have a Windows machine at work).
     
    Stomme poes, Feb 24, 2008 IP
  2. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #22
    Stomme poes, that would be felgall's implementation of an image-free gradient using SVG. I think I have the link bookmarked on my home PC, but alas I'm not home right now. :(
     
    Dan Schulz, Feb 24, 2008 IP
  3. TDD-Designs

    TDD-Designs Peon

    Messages:
    98
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #23
    TDD-Designs, Feb 24, 2008 IP
  4. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #24
    Yeah I think if I looked I could find it, it seemed cool... but does the browser need to be able to display svg? I dunno if IE can do that yet... (I notice Wikpedia converts all their .svg's to .png's simply because to too much browser incompatibility). Opera handles them beautifully, even Inkscape's...
     
    Stomme poes, Feb 25, 2008 IP
  5. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #25
    IE can do it with a plugin, IIRC.
     
    Dan Schulz, Feb 25, 2008 IP