Efeitos de texto

Split text entrance

Cópia que é cortada em caracteres, palavras ou linhas e animada peça por peça em um escalonamento compartilhado, com algumas predefinições de entrada para escolher.

Como usar Split text entrance

Cópia que é cortada em caracteres, palavras ou linhas e animada peça por peça em um escalonamento compartilhado, com algumas predefinições de entrada para escolher.

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: unit, preset, stagger, delay, 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

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.

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.

2405Pointer scatter headlineEfeitos de textoUma manchete dividida em caracteres únicos que são empurrados para o lado e tombam conforme o ponteiro passa por eles e depois voltam à linha.

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.

2825Character shuffle revealEfeitos de textoCada personagem rola por uma faixa de glifos aleatórios como um rolo de slot antes de pousar na letra real, revelada na rolagem com replay flutuante.

2136Cube flip lettersEfeitos de textoPassar o mouse sobre uma linha gira cada letra um quarto de volta em 3D, uma após a outra a partir de uma origem escolhida, revelando uma segunda face que carrega o mesmo glifo no acento.