Rolagem

Velocity marquee

Duas linhas de texto repetido que se movem em direções opostas e aceleram ou revertem com a rolagem da página e, em seguida, voltam ao 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•

Como usar Velocity marquee

Duas linhas de texto repetido que se movem em direções opostas e aceleram ou revertem com a rolagem da página e, em seguida, voltam ao ritmo base.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: text, baseSpeed, reactive, fadeEdges, accent

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões, a instalação e o painel de propriedades estão incluídos no Fieldbook Pro. A prévia interativa está aberta para todos.

Conecte seu agente

Componentes relacionados

2823Velocity marquee textEfeitos de textoLinhas de texto maiúsculo repetido se movem lateralmente em um ritmo constante, e a rolagem da página as acelera ou inverte brevemente uma linha antes que tudo volte à velocidade base.

1843Blur fade revealRolagemConteúdo que chega fora de foco e transparente e fica mais nítido na primeira vez que é exibido, sem deslocar um único pixel.

1855Enter view revealRolagemBlocos que deslizam e desaparecem no momento em que aparecem e se reiniciam quando saem, de modo que a revelação é reproduzida novamente a cada passagem.

1873Parallax plate galleryRolagemUma galeria vertical onde o número de índice superdimensionado de cada placa flutua em uma taxa diferente da própria placa, com um trilho de progresso de rolagem na parte inferior.

1874Pinned lateral galleryRolagemUma seção que permanece no lugar enquanto a rolagem vertical é gasta arrastando uma linha de painéis lateralmente, depois libera e permite que a página continue.

2838Scroll dim text revealRolagemUm parágrafo fica esmaecido e clareia palavra por palavra em sincronia com o progresso da rolagem, depois escurece novamente conforme você rola para trás.