Efectos de texto

Word Crossfade Blend

Una palabra se disuelve suavemente y cambia de forma a la siguiente, recorriendo una lista corta, utilizando un suave fundido cruzado de desenfoque y fusión en lugar de un corte duro.

Cómo usar Word Crossfade Blend

Una palabra se disuelve suavemente y cambia de forma a la siguiente, recorriendo una lista corta, utilizando un suave fundido cruzado de desenfoque y fusión en lugar de un corte duro.

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: words, morphSeconds, holdSeconds

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

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.

2066Morphing HeadlineEfectos de textoUn titular que disuelve una frase en la siguiente, permitiendo que las letras coincidentes se deslicen hacia su nuevo lugar mientras el resto se difumina y se aleja o se acerca.

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.

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.

2049Split text entranceEfectos de textoCopia cortada en caracteres, palabras o líneas y animada pieza por pieza en un escalonamiento compartido, con algunos ajustes preestablecidos de entrada para elegir.