The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › Design › Image slider arrow background
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…
Looks like an icon font in an absolutely positioned paragraph with an opacity gradient backgroound.
I’ve tried the gradient but not. Some kind of shadow maybe?
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/
Yes, the same, but how can i make it transparent to see above the images while sliding?
It is transparent…http://jsfiddle.net/7zESH/2/