Streaming live at 10am (PST)

Display none > block interaction abruptly moving content

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:

Read Only Link

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.

1 Like