Aller au contenu
Forge

Titre aux mots qui alternent

Un titre d’accroche dont le dernier mot change toutes les deux secondes, avec une case pour mettre en pause.

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

Description

Le dernier mot du titre glisse vers le haut pour laisser place au suivant (boulangerie, garage, cabinet, atelier), en boucle et sans à-coup : une accroche vivante pour montrer à qui s’adresse une offre. Les lecteurs d’écran lisent une phrase complète, une seule fois, à la place des mots animés. Une case à cocher met l’alternance en pause, comme le demande le critère WCAG 2.2.2, sans aucun script. Seul le déplacement vertical est animé. Contraste AA en clair comme en sombre. Avec prefers-reduced-motion, le titre reste fixe sur le premier mot.

Code

Chargement du code…

Contenu de l'archive

effet-mots-alternants-html-tailwind.zip3 fichiers · 4 Ko

  • index.html3 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

  • Pluie de confettis

    Gratuit

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

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant