4.8/5 Trustpilot (1391 avis)
Passer d'une case à cocher à un toggle switch
Passer d'une case à cocher à un toggle switch
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
Table des matières
Leçon 1
Mise en place des bases
02m25
Leçon 2
Modification de l'apparence
03m33
Leçon 3
Modification avant
04m43
Leçon 4
Animation
04m07
Leçon 5
Variante
02m37
Leçon 6
Conclusion
45s
Aperçus
Avis des apprenants