Efeitos de texto

Striped shadow heading

Um título em negrito com um deslocamento de cópia duplicado atrás dele, preenchido com listras diagonais que ficam flutuando como uma longa sombra projetada.

Ship Fast

Como usar Striped shadow heading

Um título em negrito com um deslocamento de cópia duplicado atrás dele, preenchido com listras diagonais que ficam flutuando como uma longa sombra projetada.

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, shadowColor, speed, fontSize

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 e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

2179Layered shadow headlineEfeitos de textoUm título curto e em negrito com uma cópia duplicada deslocada atrás dele, hachurada diagonalmente em uma cor de destaque, que flutua lentamente para dar às letras uma placa de sombra em movimento.

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.

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.

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.

2826Elastic weight headlineEfeitos de textoUma ú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.