Tutoriel

/*HTML 5 (Je sais plus si c'est sa pour les commentaire je confonds souvent avec les autre language*/
<div class="Nom">
<a href="https://twitter.com/Machica38"><img src="img/twitter.png"/></a>
</div>

/*CSS3*/
.nom{ /*On crée une box autour d'elle pour qu'elle le choisisse comme centre de rotation ou sinon elle tournera autour d'un point non défini*/
    border:solid 0,09px #0080ff;
    text-align:center;
    width: 40px;
    -moz-border-radius: 0,09px;
    -webkit-border-radius: 0,09px;
    border-radius: 0,09px;
}

.nom {
    transition:All 1s ease; /*Vitesse de transition sur IE*/
    -webkit-transition:All 1s ease; /*Google chrome*/
    -moz-transition:All 1s ease; /*Mozilla*/
    -o-transition:All 1s ease; /*Opera*/
    transform:  rotate(360deg) scale(1) skew(1deg) translate(0px); /*On le met directement sur 360 pour qu'elle tourne                      sur la droite*/
    -webkit-transform:  rotate(360deg) scale(1) skew(1deg) translate(0px); /*Google chrome*/
    -moz-transform:  rotate(360deg) scale(1) skew(1deg) translate(0px); /*Mozilla*/
    -o-transform:  rotate(360deg) scale(1) skew(1deg) translate(0px); /*Opera*/
    -ms-transform:  rotate(360deg) scale(1) skew(1deg) translate(0px); */IE il me semble*/
 }

.nom:hover{
    transform:  rotate(0deg) scale(1) skew(1deg) translate(0px); /*On demande d'aller au degres 0 lors du hover*/
    -webkit-transform:  rotate(0deg) scale(1) skew(1deg) translate(0px); /*Google Chrome*/
    -moz-transform:  rotate(0deg) scale(1) skew(1deg) translate(0px); /*Mozilla*/
    -o-transform:  rotate(0deg) scale(1) skew(1deg) translate(0px); /*Opera*/
    -ms-transform:  rotate(0deg) scale(1) skew(1deg) translate(0px); /*IE*/
}