menu accordéon ,horizontal centré et deroulant

Voici un menu avec les effets réalisées en CSS sans javascript

démonstration

Limites

Les effets de transitions dépendront du navigateur, l'ouverture du menu ne posera pas de soucis , excepté pour IE6.

Cette demo s'appuie sur max-height et transition. Il faut réadapter le max-height en fonction de la longueur de vos sous-menus.

Pour cette demo, elle est fixé a 10em (5em pour la version sous menu horizontal), ce qui autorise en moyenne un sous menu avec 8 item de liste (environ 8 lignes).

Ecrire un commentaire




Quelle est la première lettre du mot zfor ?