Titre à graisse variable sous le curseur
Les lettres proches du pointeur s'épaississent, montent un peu et prennent la couleur d'accent, comme un aimant typographique.
Réglages
Code
<h3 class="uv-twc" aria-label="Du design avec intention"><span class="ws" translate="no" aria-hidden="true">Du design avec intention</span></h3>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
Un grand titre en graisse fine réagit au pointeur lettre par lettre. Chaque caractère mesure sa distance au curseur, passe de 300 à 900 en graisse, se soulève légèrement et prend la couleur d'accent, si bien qu'une vague douce de gras suit la main sur les mots.
Les lecteurs d'écran reçoivent la phrase complète via aria-label tandis que les lettres découpées restent masquées. Un curseur règle la portée de l'effet en pixels, et le texte se reconstruit à chaque modification pour fonctionner avec n'importe quel titre.