Streaming live at 10am (PST)

Hover image overlay transition that doesn't affect text


#1

Hi all,

I've got a design that calls for an image to be used as a background behind some text and a button. Initially the background image would have a semi-transparent color overlay and then on hover the overlay would disappear. I've tried a couple different things but can't seem to get it to work. Any ideas?

Thanks in advance!

Derek


Here is my public share link: LINK
(how to access public share link)


#2

Hey @ederekl,

Here's a detailed tutorial on how to do it correctly https://webflow.com/blog/how-to-create-a-thumbnail-overlay

Hope it helps.

Best,
Naweed


#3