Aller au contenu
Forge

Pluie de confettis

Un bandeau de fête où des confettis de couleur tombent en tournoyant derrière l’annonce.

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

Description

Des confettis rectangulaires, ronds et en serpentin tombent en tournoyant derrière le texte, chacun à son rythme : parfait pour un anniversaire de boutique, une inauguration, un mariage, une page de remerciement ou une offre de fin d’année. Chaque confetti est un simple élément animé en transform, sans image ni script, et l’ensemble est masqué aux lecteurs d’écran. Une case à cocher met la pluie en pause, comme le demande le critère WCAG 2.2.2. Contraste AA en clair comme en sombre. Avec prefers-reduced-motion, les confettis restent posés, éparpillés autour du texte.

Code

Chargement du code…

Contenu de l'archive

effet-confettis-html-tailwind.zip3 fichiers · 4 Ko

  • index.html10 Ko
  • README.md3 Ko
  • LICENSE.md1 Ko

Mots-clés

Mis à jour le 18 octobre 2026.

Dans le même esprit

  • Tampon qui se pose

    Gratuit

    Un suivi de dossier en trois étapes où un tampon « Validé » vient se poser sur chaque carte quand elle arrive à l’écran.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Parallaxe en couches

    Gratuit

    Un paysage de montagnes en plusieurs plans qui glissent à des vitesses différentes pendant le défilement.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Nuages qui défilent

    Gratuit

    Un ciel de lever du jour où des nuages dérivent lentement derrière le titre et le texte d’accroche.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Barre de progression de lecture

    Gratuit

    Un article de blog surmonté d’une fine barre qui se remplit à mesure que l’on avance dans la lecture.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant