Grow your CSS skills. Land your dream job.

Image slider arrow background

  • # July 30, 2014 at 12:23 pm

    Hi!

    I’m working on an image slider. For the arrows I want their background a bit blured (when hovering) and transparent just like here: uchicago.edu

    I can’t figure out how to do this. I’ve tried a lot of things such as gradient,opacity,masking etc…

    # July 30, 2014 at 12:34 pm

    Looks like an icon font in an absolutely positioned paragraph with an opacity gradient backgroound.

    # July 30, 2014 at 12:45 pm

    Hi!

    I’ve tried the gradient but not. Some kind of shadow maybe?

    # July 30, 2014 at 1:23 pm

    I’ve tried the gradient but not.

    Not sure what that means…what have you tried….can you show us?

    Something like this? – http://jsfiddle.net/7zESH/1/

    # July 30, 2014 at 1:34 pm

    Yes, the same, but how can i make it transparent to see above the images while sliding?

    # July 30, 2014 at 1:53 pm

    It is transparent…http://jsfiddle.net/7zESH/2/

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".