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

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

Jordane Lacroix
5,00€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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

Plan détaillé du cours

Chapitre 1 : Introduction
39s
 
Leçon 1L'événement clic 100% css
Chapitre 2 : Détournement de checkbox : Déclencher une action de clic
07m40s
 
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
23m01s
 
Leçon 1Structure html du menu
Leçon 2Structure css du menu
Leçon 3Structurer le reste de la page
Chapitre 4 : Conclusion
01m52s
 
Leçon 1Le mot de la fin

Aperçus

Avis des apprenants

Détail des avis
84
Apprenants
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

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

CSS 3

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Payer plus tard

Prix d'achat : 5,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1389 tutos gratuits

Notre politique de protection des données