Streaming live at 10am (PST)

Filters mouseovers and child text


#1

Hi,

I’m using a mouseover filter on a section to darken the background image on mouseover. I also have text within this section that is set to transparent, with a colour applied on mouseover. However, the filter also affects the text as it’s a child element. Is there any way around this while retaining both effects?

Many thanks!


#2

Hi @AndyCarolan

Welcome to the forums!

Can you provide your read-only link so we can take a look at the current setup/settings? That’s the best way for us to advise :slightly_smiling_face:


#3

Thanks @StuM,

I managed to find my own way with this. I made a Div Block and set it to absolute. Then I applied an overlay background to it, set the mouseover and transitions, and it works as I had hoped!

https://preview.webflow.com/preview/andys-portfolio-8d8e8f?preview=424315bdf3d39e34e11472c67d1891bb

Anyway, there’s the link. It’s all unfinished and using placeholder images etc, but it should show the effect lol

Thanks again!

Andy


#4

Lovely jubbly - shout if you get stuck on anything else - we’re a friendly bunch :+1: