Efeitos de texto

Gradient sweep heading

Um título grande cujo preenchimento é uma faixa gradiente móvel que se move continuamente de uma borda a outra, dando ao texto um brilho brilhante e em constante mudança.

Release 4.2.0

Ship it

Build passed, tests green, deploy queued for the next window.

Como usar Gradient sweep heading

Um título grande cujo preenchimento é uma faixa gradiente móvel que se move continuamente de uma borda a outra, dando ao texto um brilho brilhante e em constante mudança.

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: headline, speed, accentColor

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

2060Sweeping status textEfeitos de textoUma grande palavra de status que muda em uma batida constante enquanto uma faixa brilhante percorre infinitamente as letras.

1962Flowing gradient headlineEfeitos de textoUm título cujas letras são preenchidas por um gradiente móvel de dois tons, de modo que uma faixa brilhante flutua indefinidamente pelas palavras, com um toque suave opcional atrás.

2814Flowing gradient textEfeitos de textoUm gradiente multicolorido percorre continuamente o preenchimento de um título, opcionalmente emoldurado por uma borda gradiente correspondente.

2822Sweeping shine textEfeitos de textoTexto preenchido com um gradiente suave e uma faixa diagonal brilhante que se move para frente e para trás como um brilho de luz e pode congelar no lugar enquanto você passa o mouse.

1970Gradient shift textEfeitos de textoUma pílula arredondada cujo texto é preenchido com um gradiente de duas cores que percorre continuamente as letras lateralmente.

2036Shimmer sweep textEfeitos de textoUma linha de texto onde cada letra aumenta e diminui de brilho, enviando uma faixa de luz viajando ao longo da frase em um loop.