(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 {
opacity: 1;
-webkit-transition: 500ms;
-webkit-transform: rotate(50deg);
}
.module_menu_type_lastvisitors img {-webkit-border-radius: 1px;
border-radius: 50px;
-webkit-transition: 0.4s linear;
transition: 0.4s linear;
}
.module_menu_type_lastvisitors img:hover {
opacity: 1;
-webkit-transition: 500ms;
-webkit-transform: rotate(10deg);
}
.module_menu_type_lastvisitors img {
border: 1px ridge #000000;
}