• 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.