Hacemos quelas ideasse veany se usen
Contorno que se rellena con el scroll
Líneas de texto con contorno que se llenan de color de izquierda a derecha según bajas, una tras otra.
Ajustes
Código
<div class="uv-tof"><div class="sc" tabindex="0" aria-label="Hacemos que"><div class="tr"><div class="st"><p><span style="--i:0">Hacemos que</span><span style="--i:1">las ideas</span><span style="--i:2">se vean</span><span style="--i:3">y se usen</span></p></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>Desplázate</span></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Texto y scroll
Ver todos: Texto y scrollDónde usarlo
Cuatro líneas cortas de letra gruesa empiezan como contornos finos. Mientras bajas, cada línea se llena de color sólido de izquierda a derecha y la siguiente no empieza hasta que la anterior está completa, así la frase se lee sola al ritmo de tu mano. Las líneas alternas usan el segundo color para dar ritmo.
El relleno es un fondo recortado al texto con un corte duro que mueve una sola variable de progreso, por eso va fluido y gasta poco. Funciona en modo claro y oscuro, y puedes cambiar las palabras, los colores y la velocidad.