safranek

# 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…

Paulie_D

# July 30, 2014 at 12:34 pm

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

safranek

# July 30, 2014 at 12:45 pm

Hi!

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

Paulie_D

# 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/

safranek

# July 30, 2014 at 1:34 pm

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

Paulie_D

# July 30, 2014 at 1:53 pm

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