Hacemos webs rápidas, bonitas, accesibles y tuyas
Mot qui tourne sur un cube 3D
Le dernier mot du titre se trouve sur les faces d'un cube qui pivote et en montre un différent à chaque fois.
Réglages
Code
<h3 class="uv-twq"><span class="a">On crée des sites</span> <span class="cb" aria-hidden="true"><i>rapides</i><i>beaux</i><i>accessibles</i><i>à toi</i><span class="in"><b style="--i:0">rapides</b><b style="--i:1">beaux</b><b style="--i:2">accessibles</b><b style="--i:3">à toi</b></span></span><span class="sr">rapides, beaux, accessibles et à toi</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 titre dont le dernier mot change en faisant tourner un petit cube 3D. Chaque face porte un mot sur un dégradé coloré, et le cube marque une pause sur chacune avant de basculer vers la suivante avec un mouvement vif, si bien que la phrase se complète de quatre façons sans saut de mise en page.
La largeur du cube s'adapte au mot le plus long grâce à une grille cachée, pour que les traductions ne débordent jamais. Les lecteurs d'écran entendent la liste complète une fois, l'animation est en pur CSS et le mouvement réduit l'arrête. Modifie les mots, les couleurs et la vitesse.