
Passer d'une case à cocher à un toggle switch

Dans ce tuto CSS en vidéo, nous allons voir ensemble comment créer un switch on/off uniquement en CSS.
Cela nous permettra de remplacer la traditionnelle checkbox (case à cocher) par ce slider design et user-frendly.
Je vous invite à regarder l'extrait vidéo pour vous rendre compte du résultat final.
Les fichiers sources contenant les fichiers de départ ainsi que les fichiers finaux sont inclus avec le tuto.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrer des difficultés pendant ou après le visionnage de la vidéo.
Bon tuto !
Que contient le fichier source ?
Quel est le niveau requis pour suivre ce tuto ?
Les apprenants qui suivent cette formation s'intéressent aussi à :

Passer d'une case à cocher à un toggle switch

Objectif Frontend. Comment installer facilement un switch jour / nuit (Darkmode)

Bundle CSS : 10 astuces & exercices pour vous perfectionner

Javascript Moderne : Ajouter une version Dark Mode d'un site


Déclencher un événement animé au clic full CSS (sans JS)

Apprendre à personnaliser une checkbox en CSS


CSS Design, créer un formulaire de contact

JS moderne EXO #20 - Manipuler le label d'un champ de formulaire
Avis des apprenants