importanteleeme-divi-wordpress

COMO CREAR UN DESPLEGABLE CON HOVER MOUSE

Aprenderemos a crear un menu con efectomo mouse  hover en css.

Cuando pasemos nuestro ratón sobre alguna opción de nuestro menu, se mostratara un recuadro o un efecto hover que nos indicara donde nos encontramos, e igual nos ayudara a visualizar mejor nuesreas opciones de menu. ejemplo en la siguiente imagen.

Este efecto sirve tanto para escritorios como Teléfonos

Ejemplo del efecto hover mouse en divi theme

Empecemos con el tutorial menu mouse hover

Realmente es muy fácil solo tenemos que añadir un pequeño css, vamos a
Divi —–> Opcione de Divi —–> CSS personalizado, copiamos el siguiente codigo y pegamos.

Css del hover mouse en divi
/* Menu mobile */
.et_mobile_menu li a:hover, .nav ul li a:hover {
background: #d55939 !important;
color: #fff !important;
opacity: 1;
} 

Puede que te interese nuestro artículo pasado donde hablamos sobre como poner el menu fijo o fixed en los medio móviles como, teléfonos y tablet.

Recuerda valorar nuestro trabajo. Es más rapido que crear un tutorial 🙂

seccion-video-divithemes-tutoriales
descargar-divi-json-wordpress
¿Te parece interesante este artículo?
Puntaje
[Total: 1 Average: 5]

Hola, me llamo Antonio Mtz, soy el iniciador de Divicon que hace referencia a (DIVI y CONferencias). Soy diseñador gráfico, con especialidad en imagen corporativa, me gusta mucho la ilustración, el 3D, Motion graphic, fotografía, tipografía. jajaja bueno todo lo que se refiere al diseño.

Suscríbete a nuestro boletín.

Recibe notificaciones cuando publiquemos algo nuevo.

Gracias por suscribirte

Shares