Rotar imagen

Problemas con hover

HTML

<div class="imagenes"> imagen que se escala </div>

CSS

.imagenes{
    background:#5f8c4b;
    margin:50px auto;
    width:100px;
    height:100px;
/*transform:scale(1,1);
-o-transform:scale(1,1);
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);*/
transition:transform 1s;
-o-transition:-o-transform 1s;
-moz-transition:-moz-transform 1s;
-webkit-transition:-webkit-transform 1s;
-ms-transition:-ms-transform 1s;
}
.imagenes:hover{
transform:scale(1.5,1.5);
-o-transform:scale(1.5,1.5);
-moz-transform:scale(1.5,1.5);
-webkit-transform:scale(1.5,1.5) rotate(700deg);
-ms-transform:scale(1.5,1.5);
}