Création d’une timeline
Ici je vous propose une timeline stylisée en html et css.
La petite difficulté : j’y ai inclus des éléments css “::after” et “::before” qui créent ce qu’on appelle des pseudos-éléments, soit des éléments visibles sur votre écran mais qui sont en fait inséparables de leur élément html “parent”. La plupart du temps, cette technique est utilisée pour afficher du contenu esthétique ou pour styliser des listes à puces par exemple. Mais il est également possible d’utiliser les pseudos éléments de manière dynamique en remplaçant la valeur de la propriété “content” par ce qu’on appelle les data-attributes en HTML 5, …