/*
    Titolo:     CSS1
    Release:    0.1.0
    Descrizione:Codice di esempio per l'applicazione dell'effetto zoom a un'immagine usando le transizioni CSS e la proprietà hover.
    File:       css/main.css
    Pacchetto:  css1v0_1_0.zip
    Data:       2014-04-29
    Lingua:     it-IT
    Download:   http://esempi.francescodagostino.it/webdesign/css/1/css1v0_1_0.zip
    Autore:     Francesco D'Agostino - http://francescodagostino.it - fda@endelab.com
    Licenza:    Licenza Creative Commons Attribuzione - Condividi allo stesso modo 3.0 Italia (CC BY-SA 3.0 IT)
*/

root { 
    display: block;
}

div.bodiv {
    margin: 0px;
    padding: 0px;
}

.bodiv img {
    height: 380px;
    width: 250px;
    background: none;
    border:0px;
}

img.iclass {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

img.iclass:hover {
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
    opacity: 0.7;
}