[CSS] Hover (défilement bref) sur les noms catégories et forums

Bonjour ^^ Grâce à un petit bidouillage, et à la finition de notre codeur préféré Taktiik, je peux vous dévoiler cette astuce ^^ qui donnera:

Ici l'exemple

Si vous ne l'avez pas encore compris, il s'agit du titre de forum ( ou catégorie ) qui glisse quand la souris passe dessus.

Donc déjà, ce qu'il faut savoir, c'est que c'est le «:hover » qui va permettre cette astuce, accompagné d'une modification du .forumlink. On commence par prendre la partie

Code:

.forumlink
{
Vos personnalisations
}

.

On y ajoute les propriétés suivantes:

Code:

display: block;
  color: red; /* Couleur de départ */
text-align: left;
transition: all 1s; /* Durée de la transition, mettez les mêmes valeurs partout, ça sera plus facile */
-moz-transition: all 1s;
-webkit-transition: all 1s;

Maintenant, on passe au a.forumlink:hover, à rajouter dans la feuille CSS.

Code:

a.forumlink:hover
{
  color: green; /* Couleur d'arrivée */
  margin-left: 15px; /* Décalement ( nombre de px à décaler pour l'arrivée)*/
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
}


Voilà voilà :) Merci à Taktiik pour l'aide aussi ^^

hâate de voiiir :)

Merci

Par curiosité, merci d'avance pour le partage :p

Merci

Voir

De rien

Merci

Merci pour le partage

De rien :)

Ce n'est pas le système de transition ?

Pas vraiment non ^^ Si tu parles du tuto de Taktiik, non je pense pas :p

Je déplace dans CodaeActif où ce sera plus utile et surtout plus consulté
Merci d'avoir rédigé l'astuce ^^

la curiosité est un vilain défaut x.x Merci pour le partage

Merci °3°

Merci Captain :) et de rien les gens :)


Edit: J'ai rajouter un exemple :)

J'savais même pas que cet effet existait x) Merci beaucoup pour le tuto ^-^

Veux voir

Super effet! :)

Merci

Ahaha, je veux tester aussi, ça m'a l'air bien amusant ; super bon boulot n'empêche

Merci beaucoup ! :DD

veux voir

Thanks !

Arigato ^^ Ca donne super bien ^^

Merci ^^