CSS, améliorer facilement le visuel des liens d'une barre de nav
CSS, améliorer facilement le visuel des liens d'une barre de nav
Dans ce tuto CSS en vidéo, nous allons apprendre à réaliser un Toggle Switch (interrupteur à bascule en français).
Tuto Toggle Switch CSS
Le toggle switch ou plus simplement switch CSS est un élément de formulaire très utilisé en front-end.
Il permet de basculer d'un mode actif à inactif et inversement. Dans certains cas cette présentation en Toggle Switch est préférable à une simple case à cocher.
Au cours de ce tutoriel, nous apprendrons à créer ensemble un Switch CSS grâce à certaines propriétés, pseudo classes et pseudo éléments. Pour passer de l'état on à off, notre Toggle Switch sera animé.
Tous les fichiers de travail sont fournis !
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Mise en place des bases
Mise en place des bases
Leçon 2
Modification de l'apparence
Modification de l'apparence
Leçon 3
Modification avant
Modification avant
Leçon 4
Animation
Animation
Leçon 5
Variante
Variante
Leçon 6
Conclusion
Conclusion
Plan détaillé du cours
Leçon 1Mise en place des bases
02m25
Leçon 2Modification de l'apparence
03m33
Leçon 3Modification avant
04m43
Leçon 4Animation
04m07
Leçon 5Variante
02m37
Leçon 6Conclusion
45
Aperçus
Avis des apprenants