Possible de rendre mon menu animé ?

Bonjour à vous,


J'utilise un menu déroulant en CSS (merci à developpez.com d'ailleur :ccool: ) visible à cette adresse : http://red-team-design.developpez.co...eroulant-css3/

J'aurai aimé savoir si il est techniquement et facilement possible d'ajouter un effet animé pour faire apparaitre le menu en fondu comme par exemple à cette adresse : http://dmouronval.developpez.com/tut...ry/menu-anime/


J'ai essayé de faire un mix des 2 sans résultats !



Merci à vous ;)

Citation:

---

Envoyé par Olive13013

Bonjour à vous,
J'aurai aimé savoir si il est techniquement et facilement possible d'ajouter un effet animé pour faire apparaitre le menu en fondu

---

Tu parle du déroulement du menu ? C'est la ligne

Code:

---

$('ul.menu_body').slideToggle('medium');

---

du code jquery qui permet cela. Si tes menus sont à un seul niveau ce devrait être possible d'adapter à ton premier menu. Si par contre tu as plusieurs niveaux de sous menus cela risque d'être moins simple.

fadeIn(), fadeOut(), animate() ..; ce ne sont pas les possibilités qui manquent.
Il est également possible d'agrémenter les animations de modulation de la vitesse d'execution...http://www.developpez.net/forums/d13...ations-easing/

Euh... la suite de l'article est disponible vous savez : Un menu déroulant animé en CSS3... :whistle:

Merci pour vos réponses.


Je n'avais pas vu la suite du tutoriel en effet !


Cela correspond très bien à ce que je recherche, merci à vous :ccool:

Re bonjour, le menu animé fonctionne très bien :ccool:


Juste une petite question, est-il possible de régler la vitesse de l'animation quand les différents onglets de menu apparaissent ? J'aimerai légèrement ralentir l'animation...


Merci à vous !

Oui, dans le code CSS, recherche les propriétés transition et modifie la durée (0.2s dans l'exemple).

Merci Bovino ! :ccool: