Size height interaction animation from the bottom

Kstudio · March 11, 2021, 10:17pm

Hey,

I created an interaction where the div block grows in size but it grows from the top, I would like one of the elements to grow from the bottom without using move, please help!

Here is my public share link: https://preview.webflow.com/preview/kemis-superb-project-23b4cf?utm_medium=preview_link&utm_source=designer&utm_content=kemis-superb-project-23b4cf&preview=41f94dd0e5f5b1944b015a4a2f2d88b3&mode=preview
(how to access public share link)

dennyhartanto · March 11, 2021, 10:35pm

Hi @Kstudio , a quick fix for this is to add another Div block wrapping the H1/Text element and animate that instead of the Div Blocks/Div Block Copy.

Kstudio · March 11, 2021, 10:38pm

Hey @dennyhartanto thanks for responding, how would I get it to animate from the bottom? The size height animation only grows from the top

dennyhartanto · March 11, 2021, 10:44pm

It’ll be easier to explain with an example: https://prototype-density.webflow.io/menu-test

Kstudio · March 11, 2021, 10:55pm

That’s exactly what I’m looking for , how did you do it?

dennyhartanto · March 11, 2021, 10:59pm

Ah I meant to share the read only: https://preview.webflow.com/preview/share-d7a35d?utm_medium=preview_link&utm_source=designer&utm_content=share-d7a35d&preview=6069e7a62a351e2370f2f374020b5049&mode=preview

Kstudio · March 11, 2021, 11:36pm

@dennyhartanto Thank you sooooooooo much!!

Tucker_Murphy · July 18, 2022, 1:58am

This link isn’t working anymore. Would you mind explaining how you did this?