CSS Timeline

Timelines CSS – 7 astuces

CSS Timeline

Présenter une histoire, une succession d’événements, bref toute une vie et pourquoi pas une navigation, telle est la raison d’être d’une timeline. Découvrez 7 astuces pour réaliser la votre en CSS.

Annonce

Une timeline en CSS permet de se dispenser d’une image, difficilement évolutive dans un site web dynamique. En débutant avec le CSS, il n’est pas toujours aisé de « coder » sa propre timeline. Quelles balises HTML utiliser ? Quelles déclarations CSS à privilégier ? Utiliser ou non des images ? Quelques éléments de réponse avec les ressources suivantes :

Une timeline CSS basique, verticale

CSS Timeline

Pure CSS Timeline par MattBango

CSS Timeline

Une timeline CSS scrollable

CSS Timeline

Un exemple bien réalisé par Smashing Magazine

CSS Timeline

Un tutoriel bien complet par TutorialZine

CSS Timeline

Une timeline avec un tutoriel complet

CSS Timeline

Exemple et sources à télécharger par Eric Meyer

CSS Timeline

Un exemple avec le nouveau portfolio de Peter Cain, construit sur une timeline : petejcain.co.uk/

4 commentaires

  • […] Cet article est la traduction de CSS3 tooltips publié sur Red Team Design. 5 commentaires. Timelines CSS – 7 astuces. Présenter une histoire, une succession d’événements, bref toute une vie et pourquoi pas une […]

  • […] – CSS – PHP. Timelines CSS – 7 astuces. Présenter une histoire, une succession d’événements, bref toute une vie et pourquoi pas une […]

  • […] Link Effects. Timelines CSS – 7 astuces. Free HTML & CSS Code Snippets for Web Developers · CSSFlow. Best CSS Code Snippet Sites. 21 […]

  • […] Créer un menu vertical latéral en css II – Copier coller. Tutorial menu deroulant en css sans javascript. Menu déroulant – FrogWeb. Logos In Pure CSS. CSS Transitions. 16,.97,.82,.2) ✿ cubic-bezier.com. Image a gauche ou droite en alternatif visuel. CSS3 3D Transforms. Les transformations 3D en CSS3. Animations CSS. CSS3 Animations. Animation CSS et effet typographique 3D – Utiliser les transformations 3D CSS pour réaliser une animation sympa. 30 CSS Page Preload Animations. Timelines CSS – 7 astuces. […]

Laisser un commentaire :

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.