Rolagem

Scroll dim text reveal

Um 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.

Every screen you ship should feel considered from the first frame to the last pixel.

Scroll inside the panel, or scroll back to dim it again

Como usar Scroll dim text reveal

Um 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.

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, scrollSpan, dimOpacity, 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

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.

1880Scroll entrance wrapperRolagemUm invólucro que mantém seus filhos estacionados até que eles apareçam, depois reproduz uma chegada facilitada e nunca a repete.

1881Scroll expand stageRolagemUm pequeno quadro arredondado cresce para preencher toda a janela de visualização conforme você rola, seu título desaparece enquanto o artigo abaixo desaparece.

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.