Gira la idea
Hélice de lettres qui tourne au défilement
La phrase s'enroule autour d'une spirale 3D qui tourne et monte au défilement ; les lettres de l'arrière pâlissent pour garder l'avant lisible.
Réglages
Code
<div class="uvq14-hlx"><div class="sc" tabindex="0" aria-label="Tourne l'idée"><div class="tr"><div class="st"><p class="sr">Tourne l'idée</p><div class="hx" aria-hidden="true" translate="no"><b class="pre">Tourne l'idée</b></div><i class="ax" aria-hidden="true"></i></div></div></div><span class="hn" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M6 13l6 6 6-6"/></svg>Défiler</span></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
Ce bloc enroule une courte phrase autour d'une hélice construite avec des transformations 3D en CSS. Défiler dans la boîte fait tourner et monter la spirale, une lente dérive la garde vivante quand personne n'y touche, et chaque lettre s'estompe selon sa profondeur pour que la face avant reste lisible. Il sert d'ouverture de section, d'affiche de festival ou de devise de marque ludique.
Change la phrase dans le champ de texte ; elle se répète jusqu'à remplir la spirale. La couleur principale teinte les lettres et la lueur du fond. Les lecteurs d'écran reçoivent la phrase une seule fois en texte simple, et avec le mouvement réduit la dérive s'arrête.