Streaming live at 10am (PST)

Easing a show/hide animation

Hello!!

When you open my share link there will be a link in the top corner that says “menu.” When you click this, the word menu disappears and is replaced by “close” and you will see the menu. This is simply created with the show/hide animation.

This feature works how I intended it, however, the text under the menu and the word “close” appear to jump on the screen. This jumpy effect is distracting. Does anyone know how to smooth out or ease this transition?

Thanks in advance!


Here is my public share link: https://preview.webflow.com/preview/thesis-vonburske?preview=42fa767604ccb9eca6f9318a9aaf4174

Do all the display none (hiding) animations before the block (showing) ones.

http://sandbox-903b9c.webflow.io/menu-text-change

https://preview.webflow.com/preview/sandbox-903b9c?preview=2a77d4d5446ddad097abb9bf8603288b

Thank you samliew!!!