Pour l'instant tout roule, mais il y a sûrement une quantité astronomique d'améliorations possibles.
Le menu est un menu de haut en bas, c a d lorsque la souris est sur le premier élément un sous menu qui était en mode display:none; devient display:block;
Cependant c'est un peu brutal, si on navigue dans le sous menu 1 et que notre curseur par sur l'item 2 du menu principal ; instantanément, le sous menu 1 disparaît et le sous menu 2 apparaît. C'est normal, c'est coder tel quel.
Mais c'est un peu frustrant d'avoir sa souris qui est déjà positionner sur le 3ème items du sous menu 2 avant même qu'on en ait pu lire le 1er avec nos yeux.
J'ai observer certains code source, et remarqué certaines balises nommé transition-xxx; avec d'autre attribut du style ::after et ::before;
J'ai eu du mal a comprendre comment ce fonctionnement, mais je me suis dit que ça pouvait être une solution à envisager pour ne plus être surpris par ce changement aussi brutal.
Un truc du style le sous menu 1 ( ul ) verra ça hauteur passer de 0% à 100% en x secondes lors du passage de la souris au premier item du menu principal me semblerai régler le problème.
Evidemment je ne sais pas du tout comment ça marche, et je viens à vous, soit pour trouver un exemple d'implémentation avec ces mystérieuses transitions où bien trouver une autre méthode qui aurait l'effet voulu : que le menu interactif de haut en bas, deviennent un menu déroulant de haut en bas.
les transitions sont, comme tu l'as deviné, un moyen d'indiquer au navigateur qu'un effet doit se faire progressivement. Sauf que toutes les propriétés ne sont pas animables. En particulier celles qui sont discrètes, comme "display" (discrètes au sens de "valeurs indépendantes, non-liées") : ça n'aurait pas de sens.
Merci ce sont exactement les liens qu'ils faut. Ca n'à pas l'air si évident à bien prendre en main.
Je vais d'abbord bien finir le cours sur le site ( notament ces foutus flex box !! ) puis je me lancerai pour les transitions.
Mais dans l'idée faire un changement de propriété avec display dans un premier temps puis dérouler le menu avec sa hauteur
ou bien juste modifié sa hauteur avec overflow:hidden c'est pas bête
Sujet résolu sur les liens merci
Les transitions html css, kesako ?
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Pas d'aide concernant le code par MP, le forum est là pour ça :)