Passer d'une case à cocher à un toggle switch
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Passer d'une case à cocher à un toggle switch

Carl Brison
7,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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 :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mise en place de la case à cocher
Leçon 2
Superposition des éléments
Leçon 3
Mise en place du switch
Leçon 4
Conclusion

Plan détaillé du cours

Leçon 1Mise en place de la case à cocher
07m32s
Leçon 2Superposition des éléments
09m52s
Leçon 3Mise en place du switch
03m59s
Leçon 4Conclusion
01m51s

Avis des apprenants

Détail des avis
13
Apprenants
2
Commentaires
5/5
Note moyenne
5/5
2
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 13/01/2023
Merci Carl pour ce tuto hyper sympa à faire. Validé 100 % CSS
Carl Brison
Carl Brison
Merci beaucoup ;-)
Myriam Chabrun
Myriam Chabrun
Publié le 22/12/2021
simple mais efficace
Carl Brison
Carl Brison
Merci beaucoup ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS 3

Que contient le fichier source ?

Le code source de ce tutoriel.

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1337 tutos gratuits

Notre politique de protection des données