Déclencher un événement animé au clic full CSS  (sans JS)
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
33m12
de formation
8
leçons vidéo
4
chapitres
Intermédiaire
niveau requis
Jordane Lacroix
Jordane Lacroix
Formateur

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

4.8/5 Trustpilot (1391 avis) Satisfait ou remboursé
33m12
de formation
8
leçons vidéo
4
chapitres

Vous est-il déjà arrivé de dire : Il n'y a pas moyen de déclencher une action quand je clique sur cet élément mais sans utiliser du Javascript, juste avec du CSS ?

C’est possible maintenant grâce à ce tutoriel de 30 minutes. Nous verrons en effet comment déclencher l'apparition d'un menu, totalement en CSS. Les fichiers de travail de ce tuto CSS sont fournis. Je reste disponible dans le salon d'entraide de ce cours pour répondre à vos éventuelles questions. Enfin, un QCM est également fourni en fin de cours pour tester vos nouvelles compétences en déclenchement d'événements CSS.
 

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Détournement de checkbox : Déclencher une action de clic
Chapitre 3
Mise en pratique par l'exercice
Chapitre 4
Conclusion

Table des matières

Chapitre 1 : Introduction

39s
 
Leçon 1L'événement clic 100% css

Chapitre 2 : Détournement de checkbox : Déclencher une action de clic

07m40
 
Leçon 1La case à cocher
Leçon 2Checkbox et l'élément frère direct (+)
Leçon 3Checkbox et l'élément frère indirect (~)

Chapitre 3 : Mise en pratique par l'exercice

23m01
 
Leçon 1Structure html du menu
Leçon 2Structure css du menu
Leçon 3Structurer le reste de la page

Chapitre 4 : Conclusion

01m52
 
Leçon 1Le mot de la fin

Aperçus

Avis des apprenants

Détail des avis
5
Commentaires
5/5
Note moyenne
5/5
5
4/5
0
3/5
0
2/5
0
1/5
0
Massine Oueslati
Massine Oueslati
Publié le 25/10/2020
Bon tuto. Explications claires qui vont droit au but. Merci 5 étoiles sans aucune hésitation.
Séverine Carré
Séverine Carré
Publié le 27/12/2018
Excellent pédagogue. A suivre.
Jordane Lacroix
Merci pour ce commentaire ! A bientôt pour de nouveaux tutos.
Ko P
Ko P
Publié le 18/08/2018
Très bien expliqué, voix claire et posée. "Petite" astuce CSS très utile et plutôt simple à mettre en pratique. Formateur à suivre !
Jordane Lacroix
Merci pour cet avis Komarianne, c'est très encourageant !

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
4,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
33m12 de vidéo • 4 chapitres
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 781 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1425 tutos gratuits

Notre politique de protection des données