zoom image without resize
zoom image without resize
È possibile avere un effetto zoom su una immagine, senza alterarne la dimensione. Si veda questo esempio:
ecco il codice css
.imgcont {
display: inline-block; /* change the default display type to inline-block */
overflow: hidden; /* hide the overflow */
border: dashed gray 2px;
padding: 0px;
}
.imgcont img {
transition: all .2s ease;
vertical-align: middle;
margin-left: 0px; margin-right: 0px;
}
.imgcont img:hover {
transform:scale(1.05);
-ms-transform:scale(1.02); /* IE 9 */
-o-transform:scale(1.02); /* Opera */
}