CSS : Créer une modale sans Javascript
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO CSS : Créer une modale sans Javascript

Adrien Gazaix
0,99€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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 !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Créer une modale sans javascript

Plan détaillé du cours

Leçon 1Créer une modale sans javascript
18m01

Avis des apprenants

Détail des avis
150
Apprenants
8
Commentaires
5/5
Note moyenne
5/5
8
4/5
0
3/5
0
2/5
0
1/5
0
Chrystelle Langlais
Chrystelle Langlais
Publié le 13/04/2021
Très bien expliqué, c'est simple, clair et facile ! Merci beaucoup pour ce petit tuto !
Valérie Arno
Valérie Arno
Publié le 08/03/2021
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)
Bruno Boitard
Bruno Boitard
Publié le 04/06/2019
Simple, très accessible et efficace.

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 ?

débutant

Attendez ! 🤗

Accédez à plus de 1422 tutos gratuits

Notre politique de protection des données