Dans le cours : L’intégration web : Coder un design en HTML et CSS

Accédez à ce cours grâce à un essai gratuit

Inscrivez-vous aujourd’hui pour accéder à plus de 24 700 cours dispensés par des experts.

Animer l'ouverture / la fermeture du menu

Animer l'ouverture / la fermeture du menu

Dans le cours : L’intégration web : Coder un design en HTML et CSS

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Animer l'ouverture / la fermeture du menu

“

Nous avons le bouton, nous avons le menu. Il ne nous reste plus qu'à relier les deux, c'est-à-dire à afficher le menu quand la case est cochée et masquer le menu quand la case est décochée. Alors à ce niveau-là, notre maquette Photoshop ne nous est d'aucun secours. Au niveau de notre maquette, on nous montre à quoi ressemble le menu quand il est ouvert et on nous montre à quoi ressemble la page web quand le menu est fermé. Mais on ne nous montre pas comment ce menu apparaît ou disparaît. À ce niveau-là, et en l'absence d'indications précises de la part de notre designer, c'est à nous, les développeurs, de trouver un moyen et on ne manquera pas au passage de se faire plaisir. Retour au niveau de notre page web. Pour le moment, le menu est affiché, Or il ne devrait pas être affiché parce que la case est décochée. Si la case était cochée, on aurait une croix. Mais comme on a un hamburger menu avec trois rectangles, on sait que la case est décochée. Donc le menu ne doit pas être visible…

Table des matières