Efeitos de texto

Scroll Progress Text Reveal

Uma frase longa fica fixada na tela enquanto a página passa por ela, e cada palavra ilumina individualmente de fraca a totalmente iluminada conforme a posição de rolagem atinge sua vez.

Thislibrarywillchangethewayyoudesigninterfaces.

Scroll to reveal

Como usar Scroll Progress Text Reveal

Uma frase longa fica fixada na tela enquanto a página passa por ela, e cada palavra ilumina individualmente de fraca a totalmente iluminada conforme a posição de rolagem atinge sua vez.

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

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 e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

2307Blur in word revealEfeitos de textoAs palavras em uma frase passam de um borrão suave para um foco nítido, uma após a outra, à medida que a frase aparece.

2418Scroll blur reveal textEfeitos de textoUm bloco de texto que começa desfocado e deslocado, depois fica mais nítido, palavra por palavra ou letra por letra, na primeira vez que é exibido.

2820Scroll float revealEfeitos de textoOs caracteres de título flutuam de baixo para cima e assumem forma à medida que sua seção rola pela janela de visualização, passando diretamente para a posição de rolagem.

2821Scroll focus revealEfeitos de textoUm parágrafo começa inclinado, escuro e desfocado, depois se endireita e fica mais nítido, palavra por palavra, à medida que o leitor o percorre.

2242Staggered Reveal TextEfeitos de textoUma frase aparece em partes escalonadas, divididas em palavras, caracteres ou linhas, usando um estilo de entrada escolhido, como esmaecimento, desfoque, deslizamento ou escala.

2824Cascading Letter RevealEfeitos de textoUm título que se revela letra por letra com um aumento suave e desbotamento à medida que entra na visualização, e permanece estável quando concluído.