Aller au contenu
Forge

Compteurs animés

Quatre chiffres clés en cartes, qui défilent de zéro à leur valeur quand la section entre à l'écran, avec icône, unité et libellé.

  • Tailwind
  • React
  • CSS
  • WordPress
Ouvrir dans un nouvel onglet

Description

L'animation ne démarre qu'une fois la section visible et ne se joue pas du tout si le visiteur a demandé de réduire les animations. Les valeurs finales sont écrites dans le HTML et lues telles quelles par les lecteurs d'écran : le chiffre qui défile leur est masqué.

Code

Chargement du code…

Contenu de l'archive

stats-compteurs-animes-html-tailwind.zip3 fichiers · 5 Ko

  • index.html8 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Mots-clés

Mis à jour le 13 octobre 2026.

Dans le même esprit

  • Jauge d'objectif de financement

    Bientôt disponible

    Le montant collecté, une barre de progression vers l'objectif, le nombre de contributeurs et les jours restants.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Chiffres d'impact

    Bientôt disponible

    Quatre indicateurs d'impact accompagnés d'une icône et d'une phrase qui donne le contexte.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Histogramme mensuel

    Bientôt disponible

    Un histogramme de douze mois en CSS, avec le tableau de données accessible aux lecteurs d'écran.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Grands chiffres sur fond sombre

    Bientôt disponible

    Des chiffres géants en grille sur fond sombre, avec une phrase d'introduction à gauche.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant