Efectos de texto

Morphing Headline

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

Cómo usar Morphing Headline

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

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: holdDelay, loop, accentColor, phraseSet

¿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

1915Aurora glow headingEfectos de textoUn título donde una palabra lleva un relleno degradado multicolor que se desplaza lentamente recortado en las formas de las letras, como la luz de una aurora que brilla detrás del tipo.

2824Cascading Letter RevealEfectos de textoUn titular que se revela letra por letra con un suave ascenso y desvanecimiento a medida que aparece, y luego se mantiene estable una vez terminado.

2124Color Band Text RevealEfectos de textoUna banda suave de varios colores se desliza una vez a través de una línea de texto con un movimiento de entrada y salida suave, tiñendo cada letra a medida que pasa antes de que el texto se asiente en un color sólido.

2136Cube flip lettersEfectos de textoAl pasar el cursor sobre una línea, cada letra gira un cuarto de vuelta en 3D, una tras otra desde un origen elegido, revelando una segunda cara que lleva el mismo glifo en el acento.

2826Elastic weight headlineEfectos de textoUna sola línea de enormes letras mayúsculas cuyo peso, ancho e inclinación se expanden alrededor de una posición retrasada y relajada del cursor.

2355Flip panel headline revealEfectos de textoUn titular cuyos personajes se encuentran detrás de pequeños paneles con bisagras que se abren uno tras otro, como un tablero de llegadas, para revelar las letras que hay debajo.