Saltar al contenido

ejemplo de código css de transición de zoom de imagen

Guadalupe, miembro de este gran staff, nos hizo el favor de crear esta sección ya que conoce a la perfección este tema.

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 ampliar la imagen al pasar el mouse sobre css

img:hovertransform:scale(1.3);

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

.child::beforecontent:"";display: none;height:100%;width:100%;position: absolute;top:0;left:0;background-color:rgba(52,73,94,0.75);.parent:hover.child:before,.parent:focus.child:beforedisplay: block;

Eres capaz de añadir valor a nuestro contenido asistiendo con tu experiencia en los informes.

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