No vendemos plantillas, diseñamos webs que se entienden a la primera, cargan en un segundo y se ven bien en cualquier móvil. Todo lo hacemos con tu equipo, no para tu equipo.
Surlignage au marqueur
Trois phrases sont surlignées l'une après l'autre au marqueur dès que le paragraphe apparaît à l'écran.
Réglages
Code
<div class="uv-tmh"><p><mark class="m1">Nous ne vendons pas de modèles,</mark> nous créons des sites compris du premier coup, <mark class="m2">se chargent en une seconde</mark> et s'affichent bien sur tout mobile. Nous faisons tout <mark class="m3">avec ton équipe, pas pour ton équipe</mark>.</p><button type="button" class="rp">Rejouer</button></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Texte et défilement
Voir tout : Texte et défilementOù l’utiliser
Les phrases clés d'un paragraphe sont marquées comme si quelqu'un passait un surligneur sur une page imprimée. Les traits ont des bouts un peu irréguliers, passent proprement d'une ligne à l'autre et se dessinent tour à tour avec un léger délai, pour que l'œil suive le message dans l'ordre voulu.
Un IntersectionObserver lance l'effet quand la majeure partie du paragraphe est visible, et un petit bouton le rejoue. Deux couleurs sont réglables, le texte reste du HTML simple avec des balises mark, et en mouvement réduit le surlignage final s'affiche directement.