Streaming live at 10am (PST)

Easing a show/hide animation


#1

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


#2

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


#3

Thank you samliew!!!