Grâce à la magie du langage CSS, nous allons nous amuser à transformer une simple case à cocher HTML en un toggle switch moderne, tout comme ceux qui sont présents sur vos smartphones.

En maîtrisant cette technique du CSS, vous allez pouvoir grandement augmenter l'expérience utilisateur de vos checkboxs !
Tous les fichiers de travail sont fournis !
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Pour aller plus loin

Ce autre tutoriel vous propose une autre forme de switch.

Pour aller plus loin dans la maîtrise du langage CSS, vous pouvez suivre les cours avancés sur le langage CSS moderne suivants :

• CSS Avancé sur les Combinateurs
• 23 sélecteurs à connaître
• Réaliser un menu burger sans programmation
• Flexbox Avancé : flex-grow, flex-shrink et flex-basis
• Les différents types de positionnement en CSS