Astuces pratiques de développement web

Auteur: Mohamed CHINY Durée necessaire pour le cours de Astuces pratiques de développement web Niveau recommandé pour le cours de Astuces pratiques de développement web Supports vidéo disponibles pour ce cours Exercices de renforcement disponibles pour ce cours Quiz non disponibles pour ce cours

Page 15: Créer un album photo pivotant avec CSS et Javascript

Toutes les pages

Album photo pivotant

Créer un album photo pivotant avec HTML, CSS et Javascript

Les albums photos sont considérés parmi les objets les plus captivants de la toile. Un album photo avec un effet évolué permet de capter l'attention du visiteur, c'est pourquoi on trouve des albums avec des effets de plus en plus accrocheurs.

Dans cette leçon, nous allons voir comment réussir un album photo pivotant. Les photos de l'album pivotent par rapport à l'axe vertical (Y) avec un effet de profondeur pour qu'il soit plus réaliste. Chaque photo est accompagnée de son reflet afin d'accentuer le rendu et améliorer l'effet visuel.

Dans cet exercice, on utilisera HTML pour l'intégration des objets de base, le CSS pour le design et Javascript pour assurer le fonctionnement de l'album.

Passons à la pratique