• 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.

    BUNS

    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>