Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Fade effect over slider?

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #36841
    Madison
    Member

    I’m trying to put a fading (white to transparent) png over my anythingslider element, but not having any luck. I’ve tried adjusting the z-index etc, but it’s not going over the images in the slider. Basically I’m wanting the image to appear as if it is fading away while it is sliding off the screen. Any advice?

    div.fade {
    z-index: 99;
    background: transparent url(/images/fade.png);
    }
    #97844
    Madison
    Member

    The div.anythingSlider is already using a background image which has to stay. I’m really needing some sort of overlay that has fades on both sides so when the images scroll it looks as if they are fading off the slider instead of just disappearing.

    #97954
    Madison
    Member

    Anyone?

    #98215
    Madison
    Member

    Neither worked correctly. Karl’s suggestion just crashed the slider entirely, and Homp’s Just fades the entire slide, not giving the appearance that it is fading behind a cloud or something.
    Any other ideas? I’m stuck.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.