Eklablog Tous les blogs Top blogs Mode, Art & Design Tous les blogs Mode, Art & Design
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

Blog contenant des codes CSS, des tutoriels et autres aides.

Publicité

Avatars des visiteurs qui rétrécissent au survol + bordure

 (exemple ci dessous cliquable pour agrandir)

 

Ici, le code à coller dans l'emplacement CSS pour avoir les avatars des derniers visiteurs qui rétrécissent en taille au suvol.

En rouge, la taille des avatars lorsqu'ils ne sont pas survolés.

En vert, la taille des avatars lorsqu'ils sont survolés.

En bleu, la rotation des avatars lorsqu'ils sont survolés.

En orange, la taille de la bordure des avatars (mettez 0px si vous ne vous en voulez pas)

En violet, la couleur de vitre bordure.

 

.module_menu_type_lastvisitors img {max-height:40px;
max-width:40px;
}
.module_menu_type_lastvisitors a:hover img{
max-height:35px;
max-width:35px;
}
.module_menu_type_lastvisitors img:hover 
opacity1;
-webkit-transition500ms;
-webkit-transformrotate(50deg);
}
 .module_menu_type_lastvisitors img {-webkit-border-radius1px;
border-radius50px;
-webkit-transition0.4s linear;
transition0.4s linear;
}

.module_menu_type_lastvisitors img:hover {
opacity1;
-webkit-transition500ms;
-webkit-transformrotate(10deg);
}
 
.module_menu_type_lastvisitors img {
border1px ridge #000000;
}

 

 

Publicité
Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article