Transition liens menu

23.10.2011 …

Par Mikuru

Dans ton CSS tu insères :

#menu a {
-webkit-transition: color .5s ease-in;
-moz-transition: color .5s ease-in;
-o-transition: color .5s ease-in;
transition: color .5s ease-in;
}

Le code est optimisé pour fonctionner sur un maximum de navigateur.
5s représente le nombre de temps que mettra la transition, soit 5 secondes dans ce cas précis.
Tu peux changer le 5 en 7, en 8, 9, 2, etc. Tant que tu n'enlèves pas le s qui suit, ça marchera.

« Article précédent Article suivant »

Retour à l'accueil

Partager cet article

Repost0

Commenter cet article

Azumi ♥

16/10/2014 17:50

Merci pour le code :)

Répondre

♦

♦Mili♦

19/07/2014 21:22

Merci

Répondre

Mikuru

19/07/2014 21:15

Si tu souhaites faire ça pour tous les liens du blog, tu peux utiliser ça :a { -webkit-transition: color .5s ease-in; -moz-transition: color .5s ease-in; -o-transition: color .5s ease-in; transition: color .5s ease-in; }

Répondre

♦

♦Mili♦

19/07/2014 21:10

Oui,s'ilteplait,tu n'aurais pas le code pour la translition dans les liens des articles ?

Répondre

Mikuru

19/07/2014 14:48

Tu peux remplacer par menu1 ou menu2 effectivement si tu souhaites appliquer ça aux menus sur la droite et la gauche de ton blog. menu seul s'appliquera au menu du header !

Répondre

Voir le profil de Mikuru sur le portail Eklablog