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 !
- Fichiers sourcestélécharger
- Certificat
Formateur : Adrien Gazaix
-
Très bien expliqué, c'est simple, clair et facile ! Merci beaucoup pour ce petit tuto !
-
Très bien ce système de modale. Et pas vraiment compliqué à mettre en place. Vous expliquez bien les choses, c'est très agréable d'avoir les détails du pourquoi on fait comme-ci ou comme-ça. Je prends des notes. Merci pour ce partage de connaissances. (le son est un peu faible)
-
Simple, très accessible et efficace.
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés