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, …
