Efeitos de texto

Split text reveal

Um título cujas palavras ou caracteres surgem de uma máscara de clipe, desfocados e coloridos, escalonados da esquerda para a direita na montagem e reproduzidos ao clicar.

Release 4.2

Incremental builds reuse the module graph, so a single file edit reaches the browser in about 400 ms.

9.1s cold0.4s warm218 packages

Como usar Split text reveal

Um título cujas palavras ou caracteres surgem de uma máscara de clipe, desfocados e coloridos, escalonados da esquerda para a direita na montagem e reproduzidos ao clicar.

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, split, stagger, duration

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

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.

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.

1991Letter roll inEfeitos de textoUma linha de texto onde cada caractere gira em um eixo horizontal, a face antiga rolando enquanto uma face idêntica aparece por baixo.

2379Line by line headline revealEfeitos de textoUm título revela uma linha completa por vez: cada linha se abre da esquerda para a direita como uma cortina se levantando, enquanto uma marca colorida pousa em sua borda final e permanece acesa, deixando um rastro visível assim que a sequência se estabiliza.

2809Paper fold textEfeitos de textoO texto se divide em caracteres, palavras ou linhas que se desdobram ao longo de uma borda de dobradiça escolhida com uma sombra vincada, escalonada ao longo da frase.

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.