Efeitos de texto

Highlight focus swap

As palavras em uma frase se revezam sendo nítidas enquanto o resto fica desfocado, com uma moldura de colchete brilhante deslizando para a caixa em qualquer palavra que esteja em foco.

Hover a word to steer the frame

Como usar Highlight focus swap

As palavras em uma frase se revezam sendo nítidas enquanto o resto fica desfocado, com uma moldura de colchete brilhante deslizando para a caixa em qualquer palavra que esteja em foco.

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: sentence, accentColor, blurAmount, manualMode, intervalMs

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

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.

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.

2164Hand-drawn text markerEfeitos de textoQuebra uma extensão de texto com uma anotação de marcador desenhada à mão, como um destaque, um sublinhado, um círculo ou uma caixa, que se desenha com um traço de esboço ligeiramente imperfeito.

1995Marker highlightEfeitos de textoUma frase com uma faixa marcadora que aparece atrás dela, da esquerda para a direita, quando a linha aparece pela primeira vez, deixando as palavras em um bloco colorido.

2410Reading highlight copyEfeitos de textoUm parágrafo que se ilumina palavra por palavra conforme você o rola, deixando as palavras lidas brilhantes e as não lidas esmaecidas, de modo que a posição de rolagem também funciona como uma posição de leitura.

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.