bueno llevo todo el día y necesito entregar la pagina mañana con este efecto tengo una imagen dentro de una caja y quiero que al poner encima el raton gire pero no encuentro la forma pongo código:

HTML:
<div class="i1">
    <img id="god" src="../Imagenes/iphone1.jpg"/>
</div>

CSS:
div.i1{
    position: absolute;
    top: 10%;
    left: 20%;
    right: -30%;
}
/* hace que la imagen rote en 1,5 segundos y el transform que rote la imagen 360 grados */

#.god:hover {
    -webkit-transform: rotate3d(3s);
    -webkit-transform:translate3d(360deg);
}

Estoy usando safari y crome pero nada

corregirme el código y ayudarme please