Saltar al contenido

Ejemplo de código de lupa de imagen de zoom CSS

Te damos la bienvenida a nuestra página, en este sitio vas a encontrar la respuesta a lo que buscabas.

Ejemplo 1: zoom de imagen css

/*Zoom on hover*/>.zoompadding:50px;background-color:green;transition: transform .2s;/* Animation */width:200px;height:200px;margin:0 auto;.zoom:hovertransform:scale(1.5);/* (150% zoom)*/


"zoom">
/*credits: w3schools.com */

Ejemplo 2: cómo usar el efecto de zoom de imagen en css

.parent:hover.child,.parent:focus.childtransform:scale(1.2);

Ejemplo 3: cómo usar el efecto de zoom de imagen en css

.parentwidth:400px;height:300px;.childwidth:100%;height:100%;background-color:black;/* fallback color */background-image:url("images/city.jpg");background-position: center;background-size: cover;

Si aceptas, eres capaz de dejar un post acerca de qué te ha parecido este enunciado.

¡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 *