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/
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".