Aller au contenu

Titre en contour qui se remplit

Un grand titre en lettres creuses dont chaque mot se remplit de couleur de gauche à droite, l’un après l’autre.

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

Description

Les trois mots du titre apparaissent d’abord en simple contour, puis la couleur les remplit de gauche à droite, un mot après l’autre, en un peu plus de trois secondes, et le titre reste ensuite plein. Idéal pour une salle de spectacle, un festival, une salle de sport ou une affiche d’événement. Le titre reste un vrai texte, sélectionnable et lu normalement par les lecteurs d’écran, sans image ni script, et une couleur pleine prend le relais dans les navigateurs sans background-clip: text. Contraste AA en clair comme en sombre. Avec prefers-reduced-motion, le titre est plein d’emblée.

Code

Chargement du code…

Contenu de l'archive

effet-texte-contour-remplissage-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

  • Une fiche produit barrée en coin d’un ruban de réduction sur lequel passe un reflet lumineux.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Une présentation d’intégrations où sept icônes tournent lentement sur deux orbites autour d’un logo.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Une carte d’offre surmontée d’un paquet de nuances qui s’ouvre en éventail au survol ou au focus clavier.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Une carte d’émission avec un badge « En direct » dont le point blanc émet une onde qui se propage en continu.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant