-
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 {
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;
}
Tags : spiritual screen, small ghost code CSS pour blogs, réduire la taille des avatars des derniers visiteurs au survol
-
Commentaires