Streaming live at 10am (PST)

Creating a Fold in/Fold out effect?

Hey all!

I am layering two elements in order to create this illusion that they are both on the face of a 3D shape that is showing one face than the other. Just like the menu bar in this website (where it says “KERRY J DEAN”) : https://kerryjdean.com/appendix/

my site
I am following the suggestion of trying to make each of the two elements change in size (0-100%) to replicate this, but I can’t seem to figure it out. Anyone have insight on it?

This is on the “FOLD IN/FOLD OUT” page of my site, and I am trying it on these two elements; Side 1 and SIde 2

My site: https://preview.webflow.com/preview/my-site-sample?utm_medium=preview_link&utm_source=designer&utm_content=my-site-sample&preview=02e55b7da91f387f46a968996f71bac2&pageId=5f9b4ebc1f33ea51c4e45065&mode=preview

thank you so much in advance on any look into this !!

I took a few minutes to walk you through getting this setup based on the reference, so hopefully this is what you were looking for:

1 Like

Mikeyevin you are SO AWESOME. Thanks so much! There was a handful of things you just showed me that I would’ve completely kept missing as I was figuring it out! Also very applicable to similar symbols I plan to create. Thanks again, this is so appreciated!

1 Like