• Faire tourner les images au survol

    Une manière de faire tourner les images au survol.

    RAPPELS :
    - Vous pouvez cliquer sur TOUTES les images pour les voir en plus grand
    - Le code CSS est à placer ici :

    Installer une police et l'utiliser

    Voici le code :

     img:hover{  -webkit-transition: 500ms;
      -webkit-transform: rotate(360deg);}

    :hover : ça permet de préciser que l'image doit tourner au survol.
    500 : valeur à changer selon vos goûts. Elle détermine la vitesse à laquelle va tourner votre image, et donc plus la valeur sera élevée, plus l'image tournera vite.
    360 : ça indique de combien l'image va tourner. 360 en l'occurence, c'est un tour complet, mais vous pouvez mettre moins, comme plus.

       

    Prenons le code :
    img:hover{-webkit-transition: 300ms;
      -webkit-transform: rotate(20deg);}

     

     

    Sans le code :



    Avec le code :

     

    « Changer le contraste des imagesFavicon »

  • Commentaires

    1
    Lundi 5 Juin à 11:51

    Coucou j'ai utilisée le code pour mon blog et c'est super

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :