Aller au contenu
Forge

Bandeau de mots défilant

Deux rangées de grands mots qui défilent en sens inverse, fondues sur les bords, avec un bouton pause.

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

Description

Deux rangées de mots en grands caractères défilent en boucle et en sens opposés, séparées par des étoiles et fondues sur les bords : un effet éditorial pour présenter des savoir-faire, des clients ou des valeurs. La boucle est continue sans saut (la liste est doublée, la copie est masquée aux lecteurs d’écran). Le défilement s’arrête au survol, au focus clavier et avec un bouton pause, comme l’exige le critère WCAG 2.2.2. Avec prefers-reduced-motion, les mots s’affichent simplement en lignes, sans mouvement.

Code

Chargement du code…

Contenu de l'archive

effet-bandeau-defilant-html-tailwind.zip3 fichiers · 4 Ko

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

Mots-clés

Mis à jour le 18 octobre 2026.

Dans le même esprit

  • Carte en verre dépoli

    Gratuit

    Une carte translucide et floutée posée sur des formes colorées qui flottent lentement derrière elle.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Séparateur en vagues animées

    Gratuit

    Le bas d’une section colorée découpé par trois vagues transparentes qui ondulent à des vitesses différentes.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Titre en machine à écrire

    Gratuit

    Un titre qui s’écrit lettre par lettre derrière un curseur clignotant, en CSS seul.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Révélation au défilement

    Gratuit

    Des étapes qui apparaissent en fondu et en glissant à mesure qu’on fait défiler la page, sans script.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant