¿Se envían datos a un servidor?

No. Todo se procesa en su navegador.

¿Causa problemas de rendimiento?

No. Solo transform y opacity se animan con aceleración GPU.

Sí. Completamente gratis sin límites.

Generador Animaciones de Texto CSS | Efectos Reveal Copy-Paste

📖 Resumen 🔰 Cómo usar 📚 Glosario ❓ FAQ 💡 Casos de uso

🔒

Procesamiento local

No se envía texto a ningún servidor

📝

Sin registro

Uso inmediato sin cuenta

🎬

20+ efectos

Presets de animación de texto modernos

Animación de texto

División:

Duration0.6s

Stagger0.05s

Delay0s

Easing

El Generador de Animación de Texto CSS crea animaciones de texto ricas como revelaciones carácter por carácter, efectos de escritura y glitch. Más de 20 presets con código CSS y JS listo para copiar.

Soporta división de caracteres japoneses/CJK con Array.from().

Todo se procesa en su navegador. Gratis, sin registro.

Elegir preset

Seleccione entre más de 20 presets. La vista previa se actualiza al instante.

Personalizar

Ingrese texto, elija modo de división y ajuste duración, stagger y easing.

Copiar código

Cambie entre CSS, JS y HTML. Haga clic en 📋 para copiar.

Stagger: Intervalo de retraso entre cada elemento. 0.05s significa que cada carácter comienza 50ms después del anterior.
Reveal: Animación donde el texto aparece desde un estado oculto.
@keyframes: Regla CSS que define estados de animación de inicio a fin.

Q. ¿Se envían datos a un servidor?: A. No. Todo se procesa en su navegador.
Q. ¿Funciona con texto japonés/CJK?: A. Sí. Usa Array.from() para manejo correcto de Unicode.
Q. ¿Causa problemas de rendimiento?: A. No. Solo transform y opacity se animan con aceleración GPU.
Q. ¿Es gratuita?: A. Sí. Completamente gratis sin límites.

🏠

Landing Pages

Agregue revelaciones impactantes de texto hero.

💼

Portfolios

Tipografía dinámica para un look profesional.

📱

Onboarding de Apps

Anime texto paso a paso para mejor UX.

🎉

Páginas de campaña

Mensajes promocionales llamativos.

CSS