Cliccando su questo contenuto andrai sul sito di Amazon, che usa cookies.

Thoughful Digital World
il digitale usato seriamentea thoughful use of digital

zoom image without resize

zoom image without resize

È possibile avere un effetto zoom su una immagine, senza alterarne la dimensione. Si veda questo esempio:

sistema solare

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 */
}
Cliccando su questo contenuto andrai sul sito di Amazon, che usa cookies.