Espacement des lettres au passage de la souris sur un lien forum

[jiaye94]

Bonsoir/Bonjour

J'ai un petit soucis avec mon code ci-dessous, en gros j'aimerai réaliser le même effet que sur ce forum
http://become-an-idol.forumactif.com/

Voilà ce que ça donne quand je mets ce code ci-dessous sur mon forum, j'arrive à le faire dans un sens mais pas dans l'autre.
http://testerforum94.forumgratuit.fr/

Code:

.forumlink:hover {
letter-spacing: 5px;
   
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

Merci d'avance à celui ou celle qui m'aidera

[Invité]

Salut jiaye94,

les transitions se mettre dans la class et non dans le hover .

supprimes et remplace par ceci:

Code:


a.forumlink
{
color: #e61e2c;
font-family: georgia;
font-size: 15px;
letter-spacing: 1px;
padding-left: 50px;
padding-top: 20px;
text-align: center;
text-transform: uppercase;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
a.forumlink:hover 
{
letter-spacing: 6px;
opacity: 0.5;
}

a++

[jiaye94]

Merci beaucoup Milouze, tu gères