
Animer une fenêtre modale en CSS

Dans le cadre de ma formation "jQuery Facile", je vous propose de mettre en pratique les méthodes jQuery que nous avons apprises en réalisant une seconde application concrète : l'animation d'une fenêtre modale.
L'exercice consistera à créer une page web contenant diverses informations, ainsi qu'un bouton.
Lorsque l'utilisateur cliquera sur ce bouton, une fenêtre modale apparaîtra depuis le haut de la page.
Nous ajouterons une animation pour faire apparaître et disparaître la fenêtre modale.
De plus, pour mettre en évidence la fenêtre modale, nous appliquerons une opacité réduite sur le fond d'écran.
Je mets les codes de cet exercice à votre disposition.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Que contient le fichier source ?
Quel est le niveau requis pour suivre ce tuto ?
Les apprenants qui suivent cette formation s'intéressent aussi à :

Animer une fenêtre modale en CSS

jQuery Facile #9/10 : Les animations

Gratuit : Créer une modale en HTML et CSS uniquement

Bundle : Apprendre le langage jQuery Facile

Créer une fenêtre modale accessible en HTML, CSS et JavaScript

jQuery Facile #2/10 : Les méthodes liées à la souris

jQuery Facile #8/10 : Les méthodes de manipulation

JS moderne, Exo #1: Affichage d'une fenêtre modale

Dev. FrontEnd#1 : Popin animée

HTML avancé : créer un composant réutilisable pour une modale
Avis des apprenants