Efectos de texto

Word swap loop

Una oración con un espacio para una palabra que recorre una lista en un cronómetro, cada palabra se desliza hacia arriba y hacia afuera a medida que la siguiente ocupa su lugar.

Hover the sentence to hold on a word.

Cómo usar Word swap loop

Una oración con un espacio para una palabra que recorre una lista en un cronómetro, cada palabra se desliza hacia arriba y hacia afuera a medida que la siguiente ocupa su lugar.

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, interval, travel, accent, paused

¿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

1962Flowing gradient headlineEfectos de textoUn titular cuyas letras están rellenas con un degradado en movimiento de dos tonos, de modo que una banda brillante se desplaza sin cesar a través de las palabras, con un suave florecimiento opcional detrás.

2814Flowing gradient textEfectos de textoUn degradado multicolor recorre continuamente el relleno de un título, opcionalmente enmarcado por una pastilla de borde degradado a juego.

2177Keystroke TextEfectos de textoEl texto aparece un carácter a la vez como si se escribiera en vivo, con un cursor parpadeante que continúa después de terminar de escribir.

2829Outline draw textEfectos de textoLas letras en pantalla se trazan una tras otra como contornos brillantes, luego un relleno sólido se desvanece detrás de los trazos para terminar la palabra.

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.

2819Rotating Word SwapEfectos de textoUna frase introductoria permanece fija mientras una palabra final recorre una lista, cada una intercambia caracteres deslizantes hacia arriba y hacia afuera a medida que la siguiente palabra se desliza hacia arriba y hacia adentro.