acercar una imagen alejar html css ejemplo de código javascript

Hacemos una revisión completa cada una de las reseñas en nuestro sitio web con la meta de mostrarte siempre la información con la mayor veracidad y certera.

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 usar 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