En este nuevo y apasionante tutorial de la Academia OV DIVI, aprenderás a crear un menú flotante tipo Dock de MacOS con un efecto aladino en Divi, sin la necesidad de utilizar plugins.
Este menú es único para Divi, ya que hemos replicado la funcionalidad del dock presente en las computadoras de Apple. El efecto consiste en tener una barra flotante en la parte inferior de la ventana del navegador, integrada por cada una de las páginas de tu sitio web. Para este ejemplo, he utilizado 8 iconos, pero en realidad puedes agregar los que sean necesarios. El efecto «aladino» se logra al pasar el cursor sobre cada uno de estos iconos, aplicándoles una escala que simula el efecto característico de Apple.
El menú dock es completamente responsive, lo que significa que se adapta correctamente a cualquier resolución de pantalla, desde una computadora de escritorio hasta un dispositivo móvil. En dispositivos móviles, si tienes más de 6 iconos, estos sobrepasarán el ancho de la ventana del navegador. Sin embargo, no te preocupes, hemos implementado un desplazamiento horizontal intuitivo para poder acceder a todas las opciones desplazándonos hacia la derecha. Realmente es una característica genial.
Si estás interesado en aprender cómo aplicar este dock en tu sitio web creado con Divi, no esperes más y únete a los tutoriales exclusivos de la Academia OV DIVI. Desde la pestaña de materiales del video tutorial, encontrarás todo lo necesario para realizar este interesante efecto, incluido el archivo json. 😍
0 comentarios