Desplazamiento

Velocity marquee

Dos filas de texto repetido que se desplazan en direcciones opuestas y aceleran o retroceden con el desplazamiento de la página, luego regresan a su ritmo base.

Field notes from the workshop•Field notes from the workshop•Field notes from the workshop•Field notes from the workshop•Field notes from the workshop•Field notes from the workshop•Field notes from the workshop•Field notes from the workshop•

Cómo usar Velocity marquee

Dos filas de texto repetido que se desplazan en direcciones opuestas y aceleran o retroceden con el desplazamiento de la página, luego regresan a su ritmo base.

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: text, baseSpeed, reactive, fadeEdges, 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

2823Velocity marquee textEfectos de textoLas filas de texto en mayúsculas repetidas se desplazan hacia los lados a un ritmo constante, y el desplazamiento de la página las acelera o invierte brevemente una fila antes de que todo vuelva a la velocidad base.

1843Blur fade revealDesplazamientoContenido que llega desenfocado y transparente, luego se enfoca en su lugar la primera vez que se desplaza a la vista sin mover un solo píxel.

1855Enter view revealDesplazamientoBloques que se deslizan y se desvanecen en el momento en que aparecen a la vista y se reinician una vez que salen, por lo que la revelación se reproduce nuevamente en cada pase.

1873Parallax plate galleryDesplazamientoUna galería vertical donde el número de índice de gran tamaño de cada placa se desplaza a un ritmo diferente al de la propia placa, con un riel de progreso de desplazamiento a lo largo de la parte inferior.

1874Pinned lateral galleryDesplazamientoUna sección que se mantiene en su lugar mientras se desplaza verticalmente arrastrando una fila de paneles hacia los lados, luego se suelta y deja que la página continúe.

2838Scroll dim text revealDesplazamientoUn párrafo permanece atenuado y se ilumina palabra por palabra al mismo ritmo que el progreso del desplazamiento, luego se oscurece nuevamente a medida que retrocede.