Efectos de texto

Striped shadow heading

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

Striped shadow heading se presenta con el formato de vista previa «en línea» y el tema «claro/oscuro».

Personalizar la vista previa

Estos controles se pasan a la demo. Los valores y límites describen la vista previa; consulta la implementación para conocer todas sus props.

Control	Tipo	Valor inicial	Límites de la vista previa
`text`	`text`	`Ship Fast`	Hasta 24 caracteres
`shadowColor`	`color`	`#FF6A1F`	Los metadatos no indican otro límite.
`speed`	`number`	`15`	De 5 a 40; paso 1
`fontSize`	`number`	`64`	De 32 a 120; paso 4

¿Para qué frameworks está disponible Striped shadow heading?

Striped shadow heading está disponible para React, Vue, Svelte, Astro, HTML. La vista previa usa React; las observaciones sobre el código corresponden a index.tsx. Revisa la versión elegida antes de asumir que ofrece las mismas interacciones.

¿Qué dependencias tiene Striped shadow heading?

Los metadatos de React no indican dependencias npm adicionales a React.

¿Qué detalles de accesibilidad se observan en Striped shadow heading?

El código React de Striped shadow heading incluye: atributos y manejadores (aria-hidden). Son observaciones del código. Comprueba los nombres accesibles, el orden del foco y el comportamiento del teclado en la página completa.

¿Cómo maneja Striped shadow heading el movimiento reducido?

El análisis no encontró una consulta directa con useReducedMotion() o matchMedia en el archivo index.tsx de Striped shadow heading. Revisa la implementación completa, los estilos compartidos y la versión elegida con movimiento reducido activado; estas observaciones no garantizan que se detengan todas las animaciones.

Conecta tu agente

Componentes abiertos relacionados

Imagen fija del componente Cascading Letter Reveal de Fieldbook, de la categoría Efectos de texto.

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.

Imagen fija del componente Color Band Text Reveal de Fieldbook, de la categoría Efectos de texto.

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.

Imagen fija del componente Flowing gradient headline de Fieldbook, de la categoría Efectos de texto.

1962Flowing gradient headlineEfectos de textoUn titular cuyas letras están rellenas con un degradado en movimiento de dos tonos, de modo que una banda brillante se desplaza sin cesar a través de las palabras, con un suave florecimiento opcional detrás.

Imagen fija del componente Letterpress proof card de Fieldbook, de la categoría Efectos de texto.

2912Letterpress proof cardEfectos de textoUna prueba tipográfica de un titular breve que la prensa vuelve a entintar e imprimir, donde mantener pulsado más tiempo aporta más tinta y una huella más profunda en el papel, y cada impresión lleva su número.

Imagen fija del componente RGB glitch heading de Fieldbook, de la categoría Efectos de texto.

2810RGB glitch headingEfectos de textoUn encabezado que se divide en copias desplazadas en rojo y cian recortadas en bandas horizontales saltantes, parpadeando como una señal de transmisión perdiendo sincronización.

Imagen fija del componente Scroll float reveal de Fieldbook, de la categoría Efectos de texto.

2820Scroll float revealEfectos de textoLos caracteres de encabezado flotan desde abajo y toman forma a medida que su sección se desplaza por la ventana gráfica, deslizándose directamente a la posición de desplazamiento.