Efectos de texto

Split text entrance

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

Cómo usar Split text entrance

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

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: unit, preset, stagger, delay, accent

¿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

2379Line by line headline revealEfectos de textoUn titular revela una línea completa a la vez: cada línea se suelta de izquierda a derecha como una cortina que se levanta mientras una marca de color aterriza en su borde posterior y permanece encendida, dejando un rastro visible una vez que la secuencia se establece.

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.

2405Pointer scatter headlineEfectos de textoUn titular dividido en caracteres individuales que se hacen a un lado y giran a medida que el puntero los recorre, para luego volver a alinearse.

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.

2825Character shuffle revealEfectos de textoCada personaje recorre una franja de glifos aleatorios como un carrete de tragamonedas antes de aterrizar en la letra real, que se revela en el desplazamiento con la repetición del cursor.

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.