Efectos de texto

Split text reveal

Un titular cuyas palabras o caracteres surgen de una máscara de clip, borrosos y teñidos, escalonados de izquierda a derecha en el montaje y reproducidos al hacer clic.

Release 4.2

Incremental builds reuse the module graph, so a single file edit reaches the browser in about 400 ms.

9.1s cold0.4s warm218 packages

Cómo usar Split text reveal

Un titular cuyas palabras o caracteres surgen de una máscara de clip, borrosos y teñidos, escalonados de izquierda a derecha en el montaje y reproducidos al hacer clic.

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: text, split, stagger, duration

¿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

2307Blur in word revealEfectos de textoLas palabras de una oración pasan de un desenfoque suave a un enfoque nítido, una tras otra, a medida que la oración aparece a la vista.

2824Cascading Letter RevealEfectos de textoUn titular que se revela letra por letra con un suave ascenso y desvanecimiento a medida que aparece, y luego se mantiene estable una vez terminado.

1991Letter roll inEfectos de textoUna línea de texto donde cada personaje gira sobre un eje horizontal, la cara antigua se aleja mientras una cara idéntica aparece desde abajo.

2379Line by line headline revealEfectos de textoUn titular revela una línea completa a la vez: cada línea se suelta de izquierda a derecha como una cortina que se levanta mientras una marca de color aterriza en su borde posterior y permanece encendida, dejando un rastro visible una vez que la secuencia se establece.

2809Paper fold textEfectos de textoEl texto se divide en caracteres, palabras o líneas que se abren a lo largo de un borde de bisagra elegido con una sombra de pliegue, escalonada a lo largo de la frase.

2418Scroll blur reveal textEfectos de textoUn bloque de texto que comienza borroso y desplazado, luego se enfoca palabra por palabra o letra por letra la primera vez que aparece en la vista.