Efectos de texto

Scroll focus reveal

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

Scroll to sharpen

When you scroll, each word sharpens into focus one after another.

The reveal follows your thumb in both directions, handing focus back the moment the block drifts down the page.

Cómo usar Scroll focus reveal

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

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, baseOpacity, blurStrength

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

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.

2827Highlight focus swapEfectos de textoLas palabras de una oración se turnan para ser nítidas mientras que el resto se vuelve borrosa, con un marco de soporte de esquina brillante que se desliza hacia el cuadro de la palabra que está enfocada.

2820Scroll float revealEfectos de textoLos caracteres de encabezado flotan desde abajo y toman forma a medida que su sección se desplaza por la ventana gráfica, deslizándose directamente a la posición de desplazamiento.

2220Scroll Progress Text RevealEfectos de textoUna oración larga permanece fijada en la pantalla mientras la página se desplaza, y cada palabra se ilumina individualmente desde tenue hasta completamente iluminada a medida que la posición de desplazamiento llega a su turno.

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.