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.
Table des matières de cette formation CSS (durée : 18m10s)
-
- Mise en place des bases 00:02:25
- Modification de l'apparence 00:03:33
- Modification avant 00:04:43
- Animation 00:04:07
- Variante 00:02:37
- Conclusion 00:00:45
- Fichiers sourcestélécharger
- Certificat
Formateur : Carl Brison
-
Simple, clair et efficace.
-
Très clair comme toujours !!!
-
Merci, très facile à suivre. J'aurais cependant aimé voir un ou deux exemples d'utilisation d'un toggle switch.
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Que contient le fichier source ?Le code source de ce tuto
note moyenne
avis laissés