Scroll into view "Flip" action 3d effect

[Vitor_Cordeiro]

Hey!

I’m trying to replicate a 3d flip effect I saw on this template (“Smooth animation” Section):
https://preview.webflow.com/preview/lumen-template?preview=2766baf8bf16cb7faabee0937a85cce0&pageId=5a9161a98a8346000118d29b

I opened the read-only link on webflow and I noticed they used the “Flip action” with the “scroll into view” trigger. I tried to replicate but the effect I’m getting is completely different (purple stripe form section):
https://preview.webflow.com/preview/landings-de-conversao?utm_medium=preview_link&utm_source=designer&utm_content=landings-de-conversao&preview=4a4d659f994051a6da4c4ef09134b7d7&mode=preview

Are there more configuration to be made with the “Flip” action?

[Stan (justAnotherDeveloper)]

hi @Vitor_Cordeiro you have missed perspective setting. On your example is this setting on Side Block

Summary

To achieve desired effect you have to wrap your title and form in div and apply flip on this element and perspective on its parent.

EDIT: easiest way will be to wrap your ld-sec-form-container in div and then ONLY add on this parent element perspective as on image above

[Vitor_Cordeiro]

Hey Stan! Thanks a lot! It worked!