Efectos de texto

Scroll blur reveal text

Un 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.

Now scrolling into view

Every word sharpens into focus the moment this card crosses into the screen.

Cómo usar Scroll blur reveal text

Un 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.

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, splitBy, direction, delayMs

¿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.

2242Staggered Reveal TextEfectos de textoUna oración aparece en partes escalonadas, divididas en palabras, caracteres o líneas, usando un estilo de entrada elegido, como desvanecimiento, desenfoque, diapositiva o escala.

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.

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.

2821Scroll focus revealEfectos de textoUn párrafo comienza inclinado, oscuro y borroso, luego se endereza y se afina palabra por palabra a medida que el lector se desplaza por él.

1543Split text revealEfectos de textoUn 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.