Saltar al contenido

cómo hacer zoom en la imagen al pasar el mouse en el ejemplo de código html

Posterior a consultar especialistas en el tema, programadores de deferentes áreas y profesores hemos dado con la respuesta al dilema y la dejamos plasmada en este post.

Ejemplo 1: zoom de imagen css

/*Zoom on hover*/

<style>.zoompadding:50px;background-color:green;transition: transform .2s;/* Animation */width:200px;height:200px;margin:0 auto;.zoom:hovertransform:scale(1.5);/* (150% zoom)*/style><divclass="zoom">div>

/*credits: w3schools.com */

Ejemplo 2: en la tarjeta de zoom flotante

transform: scale(1.5);

valoraciones y comentarios

Al final de todo puedes encontrar las críticas de otros creadores, tú aún tienes la opción de dejar el tuyo si lo deseas.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

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