Efficiently Fading Background Image Sides

  • TylerM

    #3028

    First, thanks for this theme! It completely rules.

    I was wondering how to fade out the sides of my tiled background image to black. Similar to the box-shadow CSS:

    #container {
    box-shadow: 0 0 10px #000000;
    margin: 0 auto;
    width: 960px;
    }

    …but fading to the sides, and each side ending in 100% opacity.

    Is this possible?

    Thanks!

    Tyler

    Mod

    Kenneth John Odle

    #23101

    Do you mean that you want the black part up against the container div? Or do you want the black part at the left and right edges of the monitor?

    For the former, you’ll need to expand that 10px in the box-shadow above.

    For the latter, read this:

    http://www.codealpha.net/840/css3-box-shadow-on-left-and-right-sides-only/

    TylerM

    #23102

    Yes! The second solution is exactly what I’m looking for. But the code doesn’t seem to change anything except take away the original box shadow

    Mod

    Kenneth John Odle

    #23103

    Please provide a link to your site and we can take a closer look.

    GrafenGruppen

    #23104

    Tried the plug-in “Better Backgrounds”?

    TylerM

    #23105

    Here is the website:

    http://ryanisyourrealtor.com/

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!