Streaming live at 10am (PST)

Display none > block interaction abruptly moving content


#1

I have a “Read More” button that changes a display hidden section, to display block when clicked. In doing so, it abruptly shifts the paragraph above it, and the button below, out of the way.

I tried adjusting the scale (i wanted to have it expand from the middle) so it happens before display none>block happens, and even throwing in an opacity keyframe, but that didn’t seem to help.


Here is my public share link:
http://peterportfolio.webflow.io/

Read Only Link
https://preview.webflow.com/preview/peterportfolio?utm_source=peterportfolio&preview=17979b2fe77b62f81c550d0f82076ba9


#2

That’s just how it is. If you don’t want to instantly show in that space, use block only after setting the initial size & opacity, then animating the size and opacity.