Quiero hacer que mi barra de menú reproduzca una animación que se deslice dentro del menú, pero no sé cómo. Estoy usando Javascript para crear el elemento, CSS para animarlo y darle estilo. Quiero crear un código JavaScript que reproduzca la animación CSS y que aparezca cuando el usuario haga clic en el botón de inicio de sesión/inicie sesión. CSS:

 #join_button{ width: 60%; height: 40px; border-radius: 8px; font-family: Varela Round; font-size: 15px; font-weight: bold; text-align: center; color: #fff; cursor: no-drop; /* animation: blablalbla (play animation when clicked.) */ }

JavaScript:

 var join_button = document.createElement('button') join_button.setAttribute('id', 'join_button') join_button.innerHTML = 'Join <i class="fas fa-sign-in-alt"></i>'

Entonces, para aclarar realmente lo que estoy buscando, es un código Javascript que hace referencia a #join_button y reproduce una animación.