Aller au contenu
Forge

Mots surlignés au marqueur

Un titre dont les mots clés se font surligner l’un après l’autre, comme d’un coup de marqueur fluo.

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

Description

À l’ouverture de la page, un trait de marqueur jaune se dessine de gauche à droite sous deux groupes de mots du titre, l’un après l’autre, puis reste en place pour souligner votre promesse. Le surlignage suit le texte sur plusieurs lignes et s’adapte à toutes les largeurs d’écran. Seule la position d’un dégradé est animée, sans image ni script ; le texte reste en contraste AA sur le surlignage, en clair comme en sombre. Avec prefers-reduced-motion, les mots sont surlignés d’emblée.

Code

Chargement du code…

Contenu de l'archive

effet-surlignage-marqueur-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

  • Bulles qui montent en fond

    Gratuit

    Une annonce posée sur de petites bulles qui montent doucement du bas de la section en ondulant, puis s’évanouissent.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Enseigne néon qui grésille

    Gratuit

    Un titre en néon rose encadré d’un tube bleu, dont la lueur grésille de temps en temps comme une vraie enseigne.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Feuilles d’automne qui tombent

    Gratuit

    Une annonce de saison derrière laquelle des feuilles d’automne tombent en se balançant doucement.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Carte encadrée au survol

    Gratuit

    Une carte d’offre autour de laquelle quatre coins de cadre glissent en place au survol ou au focus clavier.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant