Efectos de texto

Keystroke Text

El texto aparece un carácter a la vez como si se escribiera en vivo, con un cursor parpadeante que continúa después de terminar de escribir.

Cómo usar Keystroke Text

El texto aparece un carácter a la vez como si se escribiera en vivo, con un cursor parpadeante que continúa después de terminar de escribir.

Prueba la vista previa con el cursor y el teclado. Comprueba el foco visible y la composición en pantallas estrechas dentro de tu página. Usa el número de ficha o el identificador cuando pidas el componente a tu agente.

Propiedades: words, typeSpeedMs, loop, cursorColor

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, vue, svelte, astro, html. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

La vista previa y la descripción son públicas. Inicia sesión con una cuenta autorizada para abrir el código, las versiones y el panel de instalación.

Conecta tu agente

Relacionados

2457Typewriter captionEfectos de textoUn título se escribe solo un carácter a la vez a un ritmo constante, con un cursor de bloque sólido que sigue parpadeando una vez completada la línea.

2076Typing cursor textEfectos de textoUna oración escribe un carácter a la vez detrás de un cursor parpadeante, hace una pausa, luego se borra hacia atrás y escribe la siguiente línea en un bucle sin fin.

2186Looping typewriter textEfectos de textoUna línea de texto se escribe carácter por carácter, se retiene, se elimina y escribe la siguiente frase de una lista, ciclando para siempre detrás de un símbolo de intercalación parpadeante.

2430Single line typewriter caretEfectos de textoUna sola frase se escribe sola una vez a un ritmo humano desigual, luego un símbolo de intercalación sólido sigue parpadeando constantemente junto a la línea terminada para siempre.

2831Typewriter sentence cycleEfectos de textoUna máquina de escribir con cursor parpadeante escribe una frase a la vez, la pausa, la borra y pasa a la siguiente en un ciclo interminable.

1962Flowing gradient headlineEfectos de textoUn titular cuyas letras están rellenas con un degradado en movimiento de dos tonos, de modo que una banda brillante se desplaza sin cesar a través de las palabras, con un suave florecimiento opcional detrás.