• 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

    21
    Jeudi 16 Octobre 2014 à 17:50

    Merci pour le code :)

    20
    Samedi 19 Juillet 2014 à 21:22
    19
    Samedi 19 Juillet 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;
    }

    18
    Samedi 19 Juillet 2014 à 21:10

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

    17
    Samedi 19 Juillet 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 !

    16
    Samedi 19 Juillet 2014 à 11:42

    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

    15
    Samedi 31 Décembre 2011 à 19:23

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

    14
    Vendredi 30 Décembre 2011 à 20:40

    moi ça marche pas :( 

    13
    Mardi 20 Décembre 2011 à 08:44

    Wah!

    merci, c'est trop classe!  *o*

    12
    Mardi 20 Décembre 2011 à 01:25

    merci beaucoup ca fonctionne  ^^ 

    11
    Mardi 6 Décembre 2011 à 19:40

    C'est donc pour ça que ca marchait pas ! Je regardais dans les munu moi =="

    Merci ^^

    10
    Mardi 6 Décembre 2011 à 19:26

    menu a ça concerne les liens du menu qui se trouve dans le header uniquement.

    9
    Lundi 5 Décembre 2011 à 19:28

    Ah ... donc quand on ecrit "menu a" qu'est ce que c'est censé faire vu que moi ca ne fait rien ?

    8
    Lundi 5 Décembre 2011 à 19:02
    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.
    7
    Lundi 5 Décembre 2011 à 02:45

    J'ai remplacé "#menu a" par le "a" des liens par défault . Et ça marche .

    Peut-être que vous devriez essayer ?

    6
    Nesumi Profil de Nesumi
    Samedi 19 Novembre 2011 à 15:59

    Ca ne marche pas sur le mien non plus >.< 

    5
    Vendredi 4 Novembre 2011 à 18:03

    Ah, navrée. ^^"
    Ce code ne marche pas pour tous les naviguateurs ou toutes les versions malheureusement.

    4
    Vendredi 4 Novembre 2011 à 16:50

    Ca marche pas sur mon ordi TTwTT

    3
    SonnyNath
    Samedi 29 Octobre 2011 à 20:36

    Justement 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.

    2
    Samedi 29 Octobre 2011 à 19:08

    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. :)

    1
    SonnyNath
    Samedi 29 Octobre 2011 à 18:43

    Je n'ai pas trop compris ce que signifie faire une "transition lien menu"  !!

    Ca veut dire quoi ?? --'

    Vous devez être connecté pour commenter