Unmask Elements On Scroll With Webflow Interactions

[@infinitedesigns_io]

You're an absolute legend Tim! I changed it from "on-scroll" to "on-click" and used it to reveal my mega nav and the result is jaw-droppingly good! Thank you!

[@lawrenzo1109]

Hi Mr. Ricks. I love all your videos, they are top-tier and in my opinion you’re one of the best mentors out there. Thanks for your work.💪

[@fpv_jesus]

Tim, you make the best videos and have introduced me to so many valuable resources. Thank you

[@timothyricks]

Thank you so much! I’m really glad these help!

[@EthanAcapella]

Perfect timing Tim! This is incredible ❤

[@killah3721]

Timothy knows when I need some shit so he makes it happen😂 This is like the 10th time and I'm starting to be like "ahh, just leave it be for a day or two, my boy T will make a tutorial😂

[@BOUTHEYNABOUKRAA]

Just in time, thank you, Tim!

[@gabetiger4104]

I was literally searching for this tutorial yesterday. Thank you 🙌🙌

[@timothyricks]

Oh, awesome!! I’m so glad this helps

[@link5059]

Yes! been needing this for a long time. Thank you sir.

[@pawelchaja]

phenomenal tutorial

[@ItsEricPhung]

Variable is getting more powerful already. Imagine when GSAP is integrated.

[@timothyricks]

@@ItsEricPhung For sure! Can’t wait to see what native GSAP looks like

[@EthanSuero]

This is great Tim, perfect timing for a project, I wonder if using GSAP will provide better performance though? Like using this same setup, but instead of the interaction in Webflow we use scroll trigger.

[@corneromme]

Great video! I’m also curious what you think about component variants :) would love to see a vid on that

[@timothyricks]

Thank you! I’m very happy to have component variants. I see them being useful for things like button size or section layout reverse. Hopefully one day we can have multiple variants on a single component.

[@DomenicoMarcoDiDonna]

Great tutorial, thank you Tim! Don't you think Webflow should add a way to open that little text field into a modal (which they already have) to write the custom code more easily...

[@timothyricks]

Thanks so much! Yes, that would be awesome!

[@DanBonachon]

Gracias! Realmente eres un mago haha

[@TheMezmeriZe]

Thank you!! Just one question, does this work with sections as well, or other elements? Or just for single images?

[@timothyricks]

Yes, this works on entire sections or any element we want to apply the clip path to.

[@dragan516]

Hey Tim, Amazing tutorial, once again! Considering the latest Webflow update, will there be any major updates in Lumos or with the Lumos components anytime soon? Also, is there a new way to import Lumos into an existing project, or is using the shared library function still the best approach?

[@timothyricks]

Thanks so much! Lumos is already updated with the new variable types for line height and font weight. Shared Libraries is still the fastest method I know of for importing Lumos into an older project.

[@MACH_SDQ]

Gooooood