Le code du montage ci-dessous, avec survol d'une image qui en fait changer un autre: le truc est le + qui associe le survol de la première image au mouvement sur la seconde.
<style><!--
.mvt {
   opacity:0;
   -webkit-transition: -webkit-transform 3s linear, opacity 3s linear;
   -moz-transition: -moz-transform 3s linear, opacity 3s linear;
}
.surv:hover + .mvt{
  opacity:1;
  -webkit-transform: rotate(360deg) ;
  -moz-transform: rotate(360deg);
--></style>
<p class="surv" style="width: 125px; height: 160px; border: 3px solid green; text-align: center; float: left;"><img src="http://www.millan.net/anims/giffar/tamtam.gif" /></p>

Survolez-moi !