Animation Inverse CSS3

Bonjour,

Sur mon site web, j'ai mis une animation en CSS3 sur le hover d'une img. Voici le code:

#blogtitle img:hover {

transform : rotate(16deg) scale(1.1);
-webkit-transform : rotate(16deg) scale(1.1);

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

Cela fonctionne très bien, mais quand j'enlève mon curseur du logo, l'animation ne se joue pas a l'inverse, l'image revient brusquement à la position de départ.

Que faut-il faire pour jouer la transition à l'inverse ?

Merci d'avance,
Kwimbee.