Dans le cours : L'essentiel de JavaScript

Accédez au cours complet aujourd’hui

Inscrivez-vous aujourd’hui pour accéder à plus de 24 200 cours dispensés par des experts.

Animer des éléments avec CSS et JavaScript

Animer des éléments avec CSS et JavaScript - Tutoriel JavaScript

Dans le cours : L'essentiel de JavaScript

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Animer des éléments avec CSS et JavaScript

“

Notre gallérie photos est à présent bien en place et parfaitement fonctionnelle, je peux cliquer sur une petite image pour la voir en version agrandie. Et puis, cliquer n’importe où sur mon écran pour faire disparaître cette grande image et revenir sur ma gallérie photos. Oui, mais, voilà, l’apparition, puis la disparition de mes photos se fait en directe. C’est un petit peu violant. Donc, nous allons apporter la touche du chef à cette gallérie photos. Nous allons animer l’apparition et la disparition de cette grande image. Pour ça, même pas besoin de JavaScript. Tout se fera en CSS. Donc, rendez-vous dans la feuille de styles CSS de ce site. Et nous avons, ici, un style CSS qui s’appelle galleryContainer. Rappelez-vous que dans la page HTML galleryContainer, c’est cet élément figure. Et c’est lui qui nous permet de faire apparaître ou disparaître la version agrandie de notre image. Une ligne de code CSS, je vous disais, il s’agit de la…

Table des matières