• Zoom d'un gif

    Par Lisa ☼ dans Codes HTML le 18 Mai 2014 à 16:28

    Voici un code HTML pour zoomer un image (au format .gif) quand on passe la souris dessus. 

    Exemple : (passez votre souris sur l'image)

    Le code : 

    <p><img class="gif1" style="display: block; margin-left: auto; margin-right: auto;" src="URL DE VOTRE IMAGE" width="146" height="195" /></p>
    <p>Le code :&nbsp;</p>
    <style type="text/css"><!--
    .gif1{
    -webkit-transition:all 2s linear;
    -moz-transition:all 2s linear;}
    .gif1:hover{
    -webkit-transform:scale(2);
    -moz-transform:scale(2);
    }
    --></style>

    Explications :

    #URL DE VOTRE IMAGE c'est ici que vous mettez l'url de l'image !


  • Commentaires

    Aucun commentaire pour le moment



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :