-
Transition liens menu
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.
-
Commentaires
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;
}
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 !
PS:il faut rajouter 1 ou 2 a coter de #menu
parceque cher moi si on ne le mets pas sa ne fonctionne pas :D
peut être parce que j'utilise safari ! est ce que tu peux me le mettre sur les 2 menus et le menu de l'header ? j'attend confirmation avant de te mettre une permission 3 :) merci d'avance !!
Ah ... donc quand on ecrit "menu a" qu'est ce que c'est censé faire vu que moi ca ne fait rien ?
Non, en remplacant par a tu vas seulement appliquer ça à tout les liens du blog. Tu changes juste l'endroit d'application or leur problème vient du navigateur ou de la version qu'elles utilisent.
J'ai remplacé "#menu a" par le "a" des liens par défault . Et ça marche .
Peut-être que vous devriez essayer ?6Nesumi
Samedi 19 Novembre 2011 à 15:59
Ah, navrée. ^^"
Ce code ne marche pas pour tous les naviguateurs ou toutes les versions malheureusement.3SonnyNathSamedi 29 Octobre 2011 à 20:36Justement je voulais savoir à peu près quel genre de "truc" c'était !
Mais bon puisque même avec ton explication (qui en passant, est très explicative, hein ! C'est pas ça le problème) j'arrive pas à me faire une idée je vais tester.
Quand on passe la souris sur le lien, il change de couleur progressivement sur une durée que l'on determine. (C'est-à-dire 5secondes dans l'exemple)
Si tu ne vois toujours pas, teste et tu comprendras. :)1SonnyNathSamedi 29 Octobre 2011 à 18:43Je n'ai pas trop compris ce que signifie faire une "transition lien menu" !!
Ca veut dire quoi ?? --'
Vous devez être connecté pour commenter
La sobriété est la marque de la qualité
Créer mon blog
Merci pour le code :)