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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par jiaye94 le Mer 1 Aoû 2012 - 1:34

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 Smile

jiaye94
Nouveau membre

Messages : 2
Inscrit(e) le : 01/08/2012

http://testerforum94.forumgratuit.fr
jiaye94 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement des lettres au passage de la souris sur un lien forum

Message par Milouze14 le Mer 1 Aoû 2012 - 15:11

Salut jiaye94,

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

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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement des lettres au passage de la souris sur un lien forum

Message par jiaye94 le Mer 1 Aoû 2012 - 16:12

Merci beaucoup Milouze, tu gères Wink

jiaye94
Nouveau membre

Messages : 2
Inscrit(e) le : 01/08/2012

http://testerforum94.forumgratuit.fr
jiaye94 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum