Timeline


Blog #Outils web

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

See the Pen Timeline + after&before by Merlin (@lintermediaire) on CodePen.

Date du projet : Oct 2018
Outils : Html, Css

Merlin

Diplômé d'un baccalauréat en Communication et Journalisme, j'ai maintenant terminé ma formation de Web-Designer/concepteur d'interface pour entrer dans le monde du web qui me passionne depuis toujours. Bienvenue sur mon blog et bonne visite !