Efeitos de texto

Elastic weight headline

Uma única linha de enormes letras maiúsculas cujo peso, largura e inclinação aumentam em torno de uma posição atrasada e facilitada do cursor.

Move the pointer across the line: letters near it swell in weight, width and slant, then relax as it drifts away.

Como usar Elastic weight headline

Uma única linha de enormes letras maiúsculas cujo peso, largura e inclinação aumentam em torno de uma posição atrasada e facilitada do cursor.

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: word, textColor, minFontSize, widthReacts, weightReacts, italicReacts

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

2835Liquid warp headlineEfeitos de textoUma manchete desenhada em uma tela que se curva e ondula como a luz na água, com a distorção se acumulando onde quer que o ponteiro passe.

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.

2807Fuzzy static textEfeitos de textoUma palavra desenhada na tela e repintada em linhas de varredura trêmulas, zumbindo como estática de televisão e distorcendo-se ainda mais ao passar o mouse ou pressionar.

2301Ascii Art HeadingEfeitos de textoUma palavra grande é representada como um mosaico de caracteres monoespaçados cuja densidade imita o formato das letras, ondulando suavemente e inclinando-se em direção ao ponteiro.

1915Aurora glow headingEfeitos de textoUm título onde uma palavra carrega um preenchimento gradiente multicolorido e lento recortado em suas letras, como a luz de uma aurora brilhando atrás do tipo.

2124Color Band Text RevealEfeitos de textoUma faixa suave de várias cores desliza uma vez através de uma linha de texto com um movimento de entrada e saída, tingindo cada letra à medida que ela passa antes que o texto assuma uma cor sólida.