Saltar al contenido

cómo hacer zoom en la imagen para alejar en el ejemplo de código css

Haz todo lo posible por entender el código bien antes de adaptarlo a tu proyecto y si ttienes algo que aportar puedes dejarlo en los comentarios.

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

.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;

Eres capaz de reafirmar nuestra faena dejando un comentario y valorándolo te damos la bienvenida.

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