Cómo crear una sección con títulos que muestren una imagen en su estado hover y que la imagen siga el movimiento del cursor en divi

En este tutorial exclusivo de los tutoriales premium de la Academia OV DIVI aprenderás a crear una sección con títulos que muestren una imagen en su estado hover y que la imagen siga el movimiento del cursor en divi y sin plugins… ¿Suena complejo verdad? Pero viendo el video demostración y navegando por la demo estoy seguro te quedará más claro 😀

Esta funcionalidad alguien de ustedes me la había solicitado hace tiempo, pero honestamente aún no había logrado aplicar dicha funcionalidad para divi, después de horas de práctica y práctica he logrado dicho efecto y obviamente he decidido compartirlo con todos ustedes.

La sección que nosotros diseñamos consta de 5 filas con dos columnas, cada fila tiene un título en la columna izquierda y un texto tipo enlace en la columna derecha. Al pasar el cursor sobre cada una de las filas se nos muestra una imagen correspondiente al título y lo mas increíble es que esta imagen en hover persigue al cursor por toda el área de la fila.

Tú puedes diseñar la composición que desees, incluso puedes tener los títulos que desees con las imágenes que sean necesarias, eres libre de diseñar cualquier composición y agregar esta increíble funcionalidad 😍

Para diseñar este bonito efecto vamos a necesitar algunos fragmentos de código CSS y JavaScript, pero no te preocupes todo el material lo vas a encontrar en la pestaña materiales del video tutorial para que solamente copies y pegues, incluso puedes descargar la demo del ejercicio para que solamente la importes en tu página con unos cuantos clicks 😉