NavBar Responsive #2 : Améliorez votre menu avec un dropdown animé
NavBar Responsive #2 : Améliorez votre menu avec un dropdown animé
Vous est-il déjà arrivé de dire : Il n'y a pas moyen de déclencher une action quand je clique sur cet élément mais sans utiliser du Javascript, juste avec du CSS ?
C’est possible maintenant grâce à ce tutoriel de 30 minutes. Nous verrons en effet comment déclencher l'apparition d'un menu, totalement en CSS. Les fichiers de travail de ce tuto CSS sont fournis. Je reste disponible dans le salon d'entraide de ce cours pour répondre à vos éventuelles questions. Enfin, un QCM est également fourni en fin de cours pour tester vos nouvelles compétences en déclenchement d'événements CSS.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Introduction
Introduction
Chapitre 2
Détournement de checkbox : Déclencher une action de clic
Détournement de checkbox : Déclencher une action de clic
Chapitre 3
Mise en pratique par l'exercice
Mise en pratique par l'exercice
Chapitre 4
Conclusion
Conclusion
Plan détaillé du cours
Chapitre 1 : Introduction
39s
Leçon 1L'événement clic 100% css
Chapitre 2 : Détournement de checkbox : Déclencher une action de clic
07m40
Leçon 1La case à cocher
Leçon 2Checkbox et l'élément frère direct (+)
Leçon 3Checkbox et l'élément frère indirect (~)
Chapitre 3 : Mise en pratique par l'exercice
23m01
Leçon 1Structure html du menu
Leçon 2Structure css du menu
Leçon 3Structurer le reste de la page
Chapitre 4 : Conclusion
01m52
Leçon 1Le mot de la fin
Aperçus
Avis des apprenants