https://github.com/aperbet56/timeline_verticale
frise verticale
https://github.com/aperbet56/timeline_verticale
animation-css animation-delay css3 flexbox html5 pseudo-elements
Last synced: about 1 year ago
JSON representation
frise verticale
- Host: GitHub
- URL: https://github.com/aperbet56/timeline_verticale
- Owner: aperbet56
- Created: 2023-10-18T17:10:21.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-02T17:28:14.000Z (almost 2 years ago)
- Last Synced: 2025-02-09T10:19:21.892Z (about 1 year ago)
- Topics: animation-css, animation-delay, css3, flexbox, html5, pseudo-elements
- Language: CSS
- Homepage: https://aperbet56.github.io/timeline_verticale/
- Size: 13.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## FRISE VERTICALE : COUPE DU MONDE DE LA FIFA
## Le challenge
J'ai voulu créé une frise verticale qui indique les sept derniers vainqueurs de la coupe du monde de la FIFA ainsi que le pays organisateur. Cette frise apparaît de manière progresssive.
De plus, la page web est reponsive. En effet, cette frise verticale présente une répartition gauche-droite en mode desktop/tablette et un bloc en mode mobile.
## Démonstration
Lien vers le projet : https://aperbet56.github.io/timeline_verticale/
## Développez avec
- Utilisation des balises sémantiques HTML5
- CSS
- Flexbox
- Pseudo-éléments
- Animation CSS pour une apparition progressive des articles
- Animation-delay sur chaque article
- Page web responsive
- Desktop first