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

Dans ce tuto vidéo, nous allons voir ensemble comment créer une modal (popup) sans utiliser de Javascript et uniquement avec du CSS.
Nous verrons comment utiliser des icônes grâce à Font Awesome, comment centrer la modal verticalement grâce à Flexbox et aussi l'attribut :target qui nous permettra de manipuler l'ouverture/fermeture de notre modal.
Dans les sources vous trouverez les fichier finaux mais aussi les fichiers de base pour refaire les manipulations en même temps que le tuto.
Bon tuto !
Quel est le niveau requis pour suivre ce tuto ?
Les apprenants qui suivent cette formation s'intéressent aussi à :

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

Animer une fenêtre modale en CSS

jQuery Facile Application #2/5 : Animer une fenêtre modale

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

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

Bootstrap - Formation complète

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

jQuery Facile #9/10 : Les animations

Dev. FrontEnd#1 : Popin animée

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