En este tuturial, os explicaré cómo hacer un efecto lupa en una imagen, es decir, hacer zoom por donde pases el ratón. Como casi siempre, esto se consigue con JQuery.
Como veis Jquery es bastante potente y te permite hacer cosas visualmente atractivas. Podeis echar un vistazo a otros de mis tutoriales para aprender más efectos interesantes para tu página web: «Matener el menú en el top al hacer scroll«, «Scroll vertical suave«, «Cómo hacer un menú responsivo«, «Efecto Parallax Scrolling«… entre otros. Seguiré subiendo más tutoriales de diseño web, para que vuestras páginas web sean muy atractivas.
De momento, volvemos al lio.
Aquí os dejo una DEMOSTRACIÓN en funcionamiento de este tutorial.