-
Résolu Avatars
Mercredi 30 Mars 2016 à 14:18 _swagi-girl_
Bonjour ^^
Je ne suis pas très doué et ne comprend pas trop le " rangement" de ton site alors peut-être que se que je vais demandé y est déjà sur ton site ...
Mais je ne suis pas doué alors j'ai pas trouver :)
J'aimerai avoir des avatars des derniers visiteurs qui tournent quand on passe la souris dessus ( je l'ai déjà fait sur mon ancien blog)
Merci ;)
Mercredi 30 Mars 2016 à 19:27 Nagalia
Ah oui, ce blog est en bazars, mais je n'ai malheureusement pas le temps de faire du rangement pour le moment ^^' (c'est prévu mais... pas pour tout de suite XD)
Bref, pour faire des rotation, il faut utiliser la propriété transforme avec la valeur rotate (attention à ne pas oublier -webkit-, -moz-, -ms- et -o-)
=> http://fanstasy-graph.eklablog.net/transformer-des-elements-a27827603
Le sélecteur des avatars des derniers visiteur est
.module_menu_type_lastvisitors img
Pour cibler cet élément au survol on rajoute le pseudo-élément :hover
module_menu_type_lastvisitors img:hover
Pour un rendu plus fluide, tu peu également rajouter la propriété transition pour que l'on voit vraiment l'image tourner
=> http://fanstasy-graph.eklablog.net/transition-a23033460
Voici le code complet (remplace X et Y par tes valeurs)
module_menu_type_lastvisitors img:hover {
-webkit-transform: rotate(Xdeg);
-moz-transform: rotate(Xdeg);
-ms-transform : rotate(Xdeg);
-o-transform: rotate(Xdeg);
transform: rotate(Xdeg);
-webkit-transition: Yms;
-moz-transition: Yms;
-ms-transition: Yms;
-o-transition: Yms;
transition: Yms;
}
Vous devez être membre pour poster un message.