Entra
Titre que l'on traverse au défilement
Un mot immense grandit au défilement jusqu'à ce qu'on le traverse et que le contenu caché apparaisse.
Réglages
Code
<div class="uv-tzh"><div class="sc" tabindex="0" aria-label="Entre"><div class="tr"><div class="st"><div class="bg"><b>Bienvenue au studio</b><span>Design produit, identité et sites avec une âme.</span></div><h3>Entre</h3></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
Un seul mot géant rempli d'un dégradé occupe une scène fixe. Au défilement, il grossit selon une courbe qui accélère : il s'approche d'abord doucement puis file devant le regard, tandis qu'un panneau coloré avec un message d'accueil apparaît derrière. C'est une ouverture efficace pour un studio ou un produit.
Le défilement se fait dans son propre conteneur et le script écrit seulement la progression dans une variable, le zoom et les fondus restent en CSS. Choisis le mot, les deux couleurs du dégradé et la vitesse, puis remplace le panneau par ta vraie présentation.