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)