Efectos de texto

Striped shadow heading

Un título en negrita con una copia duplicada detrás, lleno de franjas diagonales que siguen flotando como una larga sombra proyectada.

Ship Fast

Cómo usar Striped shadow heading

Un título en negrita con una copia duplicada detrás, lleno de franjas diagonales que siguen flotando como una larga sombra proyectada.

Prueba la vista previa con el cursor y el teclado. Comprueba el foco visible y la composición en pantallas estrechas dentro de tu página. Usa el número de ficha o el identificador cuando pidas el componente a tu agente.

Propiedades: text, shadowColor, speed, fontSize

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, vue, svelte, astro, html. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

El código, las versiones y los comandos de instalación están disponibles en el panel superior.

Conecta tu agente

Relacionados

2179Layered shadow headlineEfectos de textoUn título breve y en negrita con una copia duplicada detrás, sombreado en diagonal con un color de acento, que se desplaza lentamente para darle a las letras una losa de sombra en movimiento.

2301Ascii Art HeadingEfectos de textoUna palabra grande se representa como un mosaico de caracteres monoespaciados cuya densidad imita las formas de las letras, ondulándose e inclinándose suavemente hacia el puntero.

1915Aurora glow headingEfectos de textoUn título donde una palabra lleva un relleno degradado multicolor que se desplaza lentamente recortado en las formas de las letras, como la luz de una aurora que brilla detrás del tipo.

2824Cascading Letter RevealEfectos de textoUn titular que se revela letra por letra con un suave ascenso y desvanecimiento a medida que aparece, y luego se mantiene estable una vez terminado.

2124Color Band Text RevealEfectos de textoUna banda suave de varios colores se desliza una vez a través de una línea de texto con un movimiento de entrada y salida suave, tiñendo cada letra a medida que pasa antes de que el texto se asiente en un color sólido.

2826Elastic weight headlineEfectos de textoUna sola línea de enormes letras mayúsculas cuyo peso, ancho e inclinación se expanden alrededor de una posición retrasada y relajada del cursor.