pasar el cursor sobre el ejemplo de código CSS de zoom de imagen

Investigamos por todo el mundo on line para así regalarte la solución a tu problema, en caso de alguna inquietud puedes dejar tu pregunta y te responderemos porque estamos para servirte.

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: cómo utilizar el efecto de zoom de imagen en css

.parent 
  width: 400px; 
  height: 300px;


.child 
  width: 100%;
  height: 100%;
  background-color: black; /* fallback color */
  background-image: url("images/city.jpg");
  background-position: center;
  background-size: cover;

---

---

Utiliza Nuestro Buscador