En este tutorial premium de los tutoriales exclusivos de OV DIVI aprenderás a crear un menú elástico responsive para una landing page en divi sin plugins.
El menú elástico consiste en tener un menú (taps o pestañas) con un efecto de transición/animación al ir activando cada una de las opciones del menú. Este menú está enfocado para una landing page debido a que al hacer click en cada uno de los enlaces del menú el scroll se debe desplazar a cada sección correspondiente.
Este menú se mantiene fijo en la parte inferior del navegador y en este ejercicio lo implementamos como menú secundario, pero bien puede colocarse en la parte superior e implementarse como menú principal o primario.
Las opciones del menú se van rellenando de un color gradiente cada que hacemos click sobre estas, o bien, se van activando conforme vamos desplazándonos sobre la página. Realmente es un efecto genial que puedes empezar a implementar en tus proyectos creados con divi 😍
Fiel a la costumbre de OV DIVI el ejercicio es completamente responsive y no vamos a necesitar ningún plugin para implementar esta funcionalidad, solo bastarán unos pequeños fragmentos de código que solamente tienes que copiar y pegar para integrar esta funcionalidad.
Si quieres aprender a realizar este increíble menú te aviso que este tutorial ya se encuentra disponible en el área de los tutoriales exclusivos dentro de tu cuenta de nuestra Academia 🤩
0 comentarios