Animación
Cada forma (path/circle/rect/...) aparece una tras otra, en secuencia.
Categoría de animación
Tipo de animación
El retardo entre formas: 0 = todas a la vez; más alto = una aparición secuencial más marcada.
Cómo funciona
- 1
Sube tu SVG
Elige el SVG que quieres animar.
- 2
Elige una categoría
Elige un efecto de la categoría Aparición de trazados o Movimiento del objeto completo.
- 3
Ajusta duración y retardo
Define la duración de la animación, el retardo y el número de repeticiones.
- 4
Descarga
Descarga un único archivo SVG con la animación incluida.
Características
- ✓Aparición de trazados: más de 20 efectos que muestran cada forma del SVG una tras otra
- ✓Movimiento del objeto completo: 63 tipos predefinidos que animan todo el SVG como una sola pieza
- ✓Duración, retardo y número de repeticiones (bucle) ajustables
- ✓El CSS de la animación va incluido dentro del archivo SVG: tu descarga funciona en cualquier sitio
- ✓Vista previa en vivo
- ✓Funciona por completo en tu navegador: tu archivo SVG nunca se sube
Preguntas frecuentes
¿Se sube mi archivo a un servidor?
No. La animación se aplica por completo en tu navegador: tu archivo SVG nunca se envía a ningún servidor.
¿El SVG descargado seguirá animado en otros sitios?
Sí. El CSS de la animación elegida (@keyframes y reglas relacionadas) va incluido dentro del archivo descargado: la animación funciona igual si abres el archivo directamente en un navegador o si lo insertas como <img> en otra página web.
¿Qué diferencia hay entre 'Aparición de trazados' y 'Movimiento del objeto completo'?
Aparición de trazados muestra cada forma del SVG (path/circle/rect/...) una tras otra; hay más de 20 efectos. Movimiento del objeto completo anima todo el SVG como una sola pieza (con uno de los 63 efectos clásicos predefinidos, como entrada, salida, rebote o giro).
¿Cuántas opciones de animación hay?
Más de 20 en la categoría Aparición de trazados y 63 tipos predefinidos en Movimiento del objeto completo: más de 80 combinaciones de animación en total.