Cerrar video

Cómo crear un impresionante menú circular con un increíble efecto hover en divi

por | Ene 14, 2021 | Tutorial premium | 7 Comentarios

En este tutorial premium y exclusivo de la Academia OV DIVI aprenderás a crear un impresionante menú circular con un increíble efecto hover en divi.

Este efecto consiste en tener un botón central y al hacer click se nos desplazan las opciones del menú con un efecto de animación. Cada opción del menú también tiene su propio efecto hover, es decir, al pasar el cursor sobre cada opción la imagen hace un efecto de zoom o acercamiento y nos aparece el título correspondiente de cada menú.

Cómo crear un impresionante menú circular con un increíble efecto hover en divi

Cómo plus a cada opción del menú le agregamos un pop up para que al hacer click en cada una de las opciones del menú se nos despliegue una ventana emergente con más información.

El ejercicio es totalmente responsive y lo puedes comprobar visitando la página de demostración:

> Enlace a la demo del ejercicio.

Si quieres aprender a realizar este increíble efecto no lo dudes y únete de una vez por todas a los tutoriales exclusivos de la Academia OV DIVI.

Este tutorial es premium

Accede a éste y más tutoriales exclusivos de la Academia OV DIVI por tan sólo $8.00 USD al mes y saca el máximo provecho del mejor tema y constructor visual para WordPress.

Tutoriales Relacionados

7 Comentarios

  1. Jose

    Excelente estimado, consulta, por cada opción circular, se puede a su vez, llamar a un sub menu con opciones adicionales?, es decir, que se muestre otro menú similar, como quien construye una ramificación.
    Gracias,
    JM.

    Responder
    • Oscar Viedma

      Hola Jose, gracias amigo. Este menú solo está adaptado para que solamente tenga un sub menú, no es posible por ahora lo que deseas, pero me gusta la idea que podría intentarlo más adelante.

      Responder
      • Jose

        Excelente estimado, entonces, entiendo que la estructura que esta solución ofrece, seria, este menú y un sub menú adicional.

        Responder
  2. Nosunelanube

    Perfecto lo analizaremos y pondremos en práctica. La realidad es que un menu circular para el tema Divi parece muy atractivo

    Responder
    • Oscar Viedma

      Genial Angel, me comentas como te va. Cualquier duda ya sabes que yo encantado de ayudar. Un abrazo 🙂

      Responder
  3. sergio Geovanni

    Hola para poder saber el nombre del pluggin necesito estar suscrito al premium ?

    Responder
    • Oscar Viedma

      Hola Sergio, no usamos plugin para este ejercicio amigo, lo logramos con un poquito de código personalizado que solamente tienes que copiar y pegar 😃

      Para el pop up si usamos Pop up for divi que es un plugin gratis que encuentras en el repositorio de wordpress.

      Responder

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Tutoriales Exclusivos

Tutoriales exclusivos OV Divi

Lleva tus sitios web creados con divi al siguiente nivel.

Accede a tutoriales exclusivos y únicos de divi y saca el máximo provecho del mejor tema y constructor visual para WordPress.

$8 USD / mes

Pin It on Pinterest