Buns morphing

Je ne suis qu'un vilain copieur !

Je me suis permis de reprendre le code indiqué ICI pour essayer de le simplifier.

Survol de l'image.

J'ai placé le montage dans un paragraphe (<p>) moins lourd qu'une division (div).

J'ai utilisé une texture enregistrée chez moi. Je n'ai pas réussi à positionner l'image survolée en vertical sans devoir ajouter:translate(0px,50px) ... désolé !

<p class="image"><img src="http://ekladata.com/VPL6MBTFcJTW4CFTa2n_sOruucE.png" alt=" BUNS " /></p>
<style><!--
.image{ width: 300px; height: 300px; margin:auto;}
.image img{width: 300px; height: 300px; transition: all 0.5s ease;}
.image:hover img{width: 200px; height: 200px; border-radius: 50%; border:3px solid grey; box-shadow:4px 4px 6px black; transform: translate(0px,50px) rotate(360deg); background:url('http://ekladata.com/G_std2CdZVrQJZVayo5S-uhjCjo/anime-270.gif');}
--></style>