Gravedad
Lettres qui tombent par gravité
Un appui et les lettres du titre se décrochent, rebondissent sur le sol et restent éparpillées ; un autre appui les remet en place.
Réglages
Code
<div class="uvq14-grv"><div class="bx"><h3 class="sr">Gravité</h3><div class="ws" aria-hidden="true" translate="no">Gravité</div><i class="fl" aria-hidden="true"></i></div><button type="button" class="tg" aria-pressed="false"><span class="a">Lâcher les lettres</span><span class="b">Ramasser</span></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
Une petite boucle physique donne à chaque lettre son poids, sa rotation et son rebond, si bien que le mot s'effondre sur une étagère en bois d'une manière un peu différente à chaque fois. Un nouvel appui renvoie chaque lettre à sa place avec une transition décalée. C'est une jolie surprise pour une page 404, un lancement ludique, du contenu pour enfants ou un portfolio qui veut faire sourire.
Écris un mot court dans le champ de texte et choisis les deux couleurs de pâte à modeler avec la couleur principale et la secondaire. Le vrai titre reste intact pour les lecteurs d'écran, et avec le mouvement réduit les lettres tombent d'un coup sans rebondir.