What is the name of this Image overlay effect?

[yusuf (Shahriar Frances)]

Hi there!!
What is the name of this color overlay effect in this memberstack website?
Is it possible in Webflow?
If possible, just give me a clue on how to do it, please.
It will be a great help. Thanks in advance.

(how to share your site Read-Only link)

[Noah-R (Noah Raskin)]

This was all done in Webflow. The top blue layer is just a div block with a blue background color and a light opacity. To make the rest of it, they are using Webflow interactions with a scroll based trigger. To get it to turn the way it does, they are affecting the transform property (2D & 3D) in the style panel and it’s z-index.

You might find this link helpful:

(Newer lesson available — see description) 2D & 3D transforms - Webflow tutorial (using the Old UI)

After you play with those settings you can affect each one off a certain trigger in interactions based off a specific movement in the page. Hope this helps!

[yusuf (Shahriar Frances)]

Thank you so much. I will definitely try that.