Efectos de texto

Reading highlight copy

Un párrafo que se ilumina palabra por palabra a medida que se desplaza, dejando las palabras leídas brillantes y las no leídas atenuadas, de modo que la posición de desplazamiento también funciona como posición de lectura.

Scrolling lights each word as you reach it, so the page tells you how far into the thought you are.

Cómo usar Reading highlight copy

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, accent, dimOpacity, unit, showRail

¿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

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.

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.

2807Fuzzy static textEfectos de textoUna palabra dibujada en un lienzo y repintada en líneas de escaneo temblorosas, zumbando como estática de televisión y distorsionándose más al pasar el mouse o presionar.

1995Marker highlightEfectos de textoUna frase con una banda marcadora que se desplaza detrás de ella de izquierda a derecha cuando la línea aparece por primera vez, dejando las palabras en un bloque de color.

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.

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.