Efectos de texto

Highlight focus swap

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

Hover a word to steer the frame

Cómo usar Highlight focus swap

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: sentence, accentColor, blurAmount, manualMode, intervalMs

¿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

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.

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.

2164Hand-drawn text markerEfectos de textoEnvuelve un tramo de texto con una anotación de marcador dibujada a mano, como un lavado de resaltado, un subrayado, un círculo o un cuadro, que se dibuja a sí mismo con un trazo esbozado ligeramente imperfecto.

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.

2410Reading highlight copyEfectos de textoUn 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.

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.