1,30

Tuto CSS : Créer une modale sans Javascript avec CSS

1,30

  • Une formation vidéo de 18m01s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
CSS : Créer une modale sans Javascript

ajouter ce cours aux favoris retirer ce cours des favoris

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 !


Formateur : Adrien Gazaix

Adrien Gazaix a publié 201 tutoriels et obtenu une note moyenne de 4,8/5 sur 62 998 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

5,0
note moyenne

8
avis laissés
5 étoiles
8
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de arthelys laissé le 13/04/2021
    Très bien expliqué, c'est simple, clair et facile ! Merci beaucoup pour ce petit tuto !

  • 5
    avis de valerie-a77 laissé 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)

  • 5
    avis de membre-376-9278 laissé le 04/06/2019
    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
Parcours Developpeur Front End
accédez à plus de 1448 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données