Saltar al contenido

cómo hacer que la imagen se agrande al pasar el mouse por encima en el ejemplo de código css

El paso a paso o código que encontrarás en este post es la solución más rápida y válida que encontramos a tus dudas o dilema.

Ejemplo 1: cómo agrandar la imagen al pasar el cursor

Enter the following block of code into the Custom CSS field in your job
 
.thumbnail:hoverposition:relative;top:-25px;left:-35px;width:500px;height:auto;display:block;z-index:999;
 
in the HTML Add the attribute, class="thumbnail" to each image element 
that you would like to enlarge on hover so that the element looks something like this
 

"[your hosted image URL]" class="thumbnail" height="100" width="100" />

Ejemplo 2: hover reinzoomen css

div.imagewidth:300px;height:200px;overflow: hidden;div.image imgwidth:100%;height: auto;/* SCALE */-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);/* VERZÖGERUNG */-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;div.image img:hover-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);

Te invitamos a estimular nuestra faena fijando un comentario o puntuándolo te estamos agradecidos.

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