Forums

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

Home › Forums › Design › Image slider arrow background

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 30, 2014 at 12:23 pm #176972
    safranek
    Participant

    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 #176973
    Paulie_D
    Member

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

    July 30, 2014 at 12:45 pm #176977
    safranek
    Participant

    Hi!

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

    July 30, 2014 at 1:23 pm #176984
    Paulie_D
    Member

    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 #176991
    safranek
    Participant

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

    July 30, 2014 at 1:53 pm #176994
    Paulie_D
    Member

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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design’ is closed to new topics and replies.