$ 1.00

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

$ 1.00

  • Une formation vidéo de 18m01s
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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é 93 tutoriels et obtenu une note moyenne de 4,7/5 sur 23 793 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

5,0
note moyenne

5
avis laissés
5 étoiles
5
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de ricrac laissé le 27/12/2016
    Super tuto très bien expliqué comme d'habitude. Merci Richard ;-)
    "Merci Richard :) D'autres tuto vont arriver très bientôt !"

  • 5
    avis de membre-5012-8464 laissé le 04/12/2016
    Très bon tuto... je rechercher une solution pour me passer du javascript merci.
    "Oui c'est vrai que c'est tres simple a mettre en place, et ça evite de charger jquery si on a qu'une modale à faire ;) bonne continuation et a bientot pour de prochains tutos !"

  • 5
    avis de mhyrdin laissé le 23/11/2016
    Exactement ce que je cherchais pour m'affranchir du javascript ! Excellent
    "Parfait alors ! même si aujourd'hui c'est difficile de se passer totalement du javascript pour faire des sites modernes et animés :) mais si on peut faire des choses uniquement en CSS c'est pas plus mal. Bonne continuation !"

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS 2, CSS 3
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1567 tuto gratuits


non, je ne veux pas me former gratuitement