Per visualizzare questo contenuto devi accettare di utilizzare i cookie.

MyDigitalia
il digitale usato seriamente

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 */
}
Per visualizzare questo contenuto devi accettare di utilizzare i cookie.