7,00

Tuto Passer d'une case à cocher à un toggle switch avec CSS

7,00

  • Une formation vidéo de 23m14s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Passer d'une case à cocher à un toggle switch

ajouter ce cours aux favoris retirer ce cours des favoris

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 :

Table des matières de cette formation CSS (durée : 23m14s)

    • Mise en place de la case à cocher 00:07:32
    • Superposition des éléments 00:09:52
    • Mise en place du switch 00:03:59
    • Conclusion 00:01:51



Formateur : Carl Brison

Carl Brison a publié 229 tutoriels et obtenu une note moyenne de 4,9/5 sur 15 342 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

  • 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
Parcours Developpeur Front End
accédez à plus de 1356 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données