• Avatar des visiteurs qui tourne

    Par ★etoiler★ dans CSS le 15 Août 2013 à 15:17

    -Code dqui fait tourner les avatr des visiteur en un tour complet:

    .module_menu_type_lastvisitors img:hover { 
      opacity: 1;
      -webkit-transition: 500ms;
      -webkit-transform: rotate(1080deg);
      }

    -ne fonctionne pas sur internet exploreur

     

     -Code qui fait tourner les avatars dans plusieur sens:

    .module_menu_type_lastvisitors img {
       max-height:65px;
       max-width:65px;
       }

    .module_menu_type_lastvisitors img:hover{
       opacity: 1; 
       }
      .module_menu_type_lastvisitors img {  -webkit-border-radius: 7px;
       border-radius: 7px;
       -webkit-transition: 0.4s linear;
       transition: 0.4s linear;
     }
     .module_menu_type_lastvisitors img:hover { 
         opacity: 1;
         -webkit-transition: 500ms;
         -webkit-transform: rotate(1440deg);
         }

    -Ce qui est en rouge est pour modifier la taille des avatr ( en pixel)

    - ce qui est en jaune est pour modifier la taille des arrondit(en pixel)

     

    -Code qui fait tourner en un tour et retourne en arriere l'avatar des visiteurs:

    .module_menu_type_lastvisitors img {
       max-height:60px;
       max-width:60px;
       }

     ​.module_menu_type_lastvisitors img:hover{
         opacity: 1;
         }
        .module_menu_type_lastvisitors img {  -webkit-border-radius: 200px;
         border-radius: 200px;
         -webkit-transition: 0.4s linear;
         transition: 0.4s linear;
       }
       .module_menu_type_lastvisitors img:hover { 
           opacity: 1;
           -webkit-transition: 500ms;
           -webkit-transform: rotate(360deg);
           }​

    -Ce qui est en rouge est la taille des visiteur que vous pouvez changer 

     


    Tags Tags : , , , ,

  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :