Création d'un diaporama en HTML et en CSS

Création d’un diaporama en HTML et en CSS

Dans ce nouvel exercice, nous allons essayer de créer un diaporama en n’utilisant que les deux langages HTML et CSS.

Il ne va pas nous être possible de créer un “vrai” diaporama à proprement parler, c’est-à-dire un diaporama pouvant charger dynamiquement les images et possédant des boutons pour passer d’une image à l’autre mais nous allons pouvoir réaliser quelque chose qui va s’en approcher.

Pour faire cela, nous allons utiliser la propriété CSS animation de façon judicieuse.

Nous allons présenter ici deux utilisations différentes de la propriété animation qui vont résulter en deux diaporamas au fonctionnement différent.

Retrouvez le script complet de ce tutoriel HTML / CSS sur mon site : http://pierre-giraud.com/home.php.

N’hésitez pas à mettre un pouce bleu ou un commentaire, merci d’avance !

source