Efectos de texto

Split flap display

Una fila de fichas mecánicas de tablero giratorio recorre una lista de frases cortas, y solo las fichas cuyas letras cambian pasan por algunas solapas aleatorias antes de aterrizar.

Gate boardUpdating

LAUNCHREADY

Letters flip as the schedule changes. Only the tiles that move tumble, staggered left to right, while the rest hold their position.

Cómo usar Split flap display

Una fila de fichas mecánicas de tablero giratorio recorre una lista de frases cortas, y solo las fichas cuyas letras cambian pasan por algunas solapas aleatorias antes de aterrizar.

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: phrases, cycleDelay, tileColor, textColor

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, 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

2817Physics drop textEfectos de textoUna oración se divide en palabras que caen, dan vueltas y rebotan bajo una gravedad simulada, luego se asientan y pueden moverse con el puntero.

2301Ascii Art HeadingEfectos de textoUna palabra grande se representa como un mosaico de caracteres monoespaciados cuya densidad imita las formas de las letras, ondulándose e inclinándose suavemente hacia el puntero.

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.

2327Count Up NumberEfectos de textoUn número grande que salta desde un valor inicial hasta un objetivo una vez que aparece a la vista, sobrepasándose ligeramente antes de estabilizarse.

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.

2806Extruded layer textEfectos de textoUna palabra representa tantas capas de colores apiladas detrás de su cara, formando un bloque 3D extruido que se inclina hacia el puntero y se desplaza cuando está inactivo.