Streaming live at 10am (PST)

Can you use interactions to make div auto sizing smooth

Is it possible to have a div container change in size but smooth? I have a div container and i have tabs inside and some of the tabs have more content that others so the parent div height adjust to the tabs. when it changes in height it does it abrupt and i would like to have it change smooth.

On the about us page you will see the tabs towards the bottom of the page.


Here is my public share link:
https://preview.webflow.com/preview/houston-tec?utm_medium=preview_link&utm_source=dashboard&utm_content=houston-tec&preview=32178c8adcc9dcf6c751f65f23867ed3&pageId=5ee075aa7c9a41e84c51ad67&mode=preview

I’ve found a workaround with a looped interaction.
I’ve used this:
image

You only need to apply it to 1 of the tabs buttons » and for affect different element you target the “tabscontent” item. There is a little delay in there to not overload your browser, though i think you can safely set it even lower then 250ms.

This way, tabs change height automatically in a smooth way.