Création d’une timeline

Publlié le 08 octobre 2018 par Merlin.
Catégorie : Blog
Étiquettes :

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

Cliquez ici pour voir l’exemple

Création d’une timeline

  • Écrit le 08 octobre 2018
  • Catégorie : Blog
  • Étiquettes : Outils web

auteur : 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 ! Merlin


Plus d'infos

Derniers commentaires