SVG Animator
Dibujo SVG trazado trazo a trazo, luego rellenado o repetido, al entrar o al hacer clic
Los ejemplos son solo una parte. Cada tile tiene además las opciones avanzadas: animaciones, efectos del ratón, visibilidad por dispositivo o por fecha, posición y mucho más.
01
Recién añadido
Así se ve nada más añadirlo a la página, antes de cualquier cambio.
02
El logotipo de una panadería, dibujado a mano
Código SVG del logotipo (espiga y hogaza) trazado pieza a pieza en rojo, sin relleno, cuando entra en vista; dentro de un círculo crema.
03
Un sendero de montaña en un mapa
Perfil de las cimas, sol, sendero y banderín de llegada trazados uno tras otro (retraso de 260 ms) en claro sobre azul, trazo grueso.
04
La firma de un estudio de arquitectura
Una firma trazada al revés (del final al principio) en un solo gesto lento y lineal, tinta oscura y terminaciones redondas, sobre una tarjeta clara encima de papel rayado.
05
Los iconos de los servicios de una agencia inmobiliaria
Tres iconos en fila: el trazo los dibuja y después un relleno suave aparece en fundido; cada uno con su color del tema, en recuadros blancos.
06
El skyline de un pueblo, en bucle
Torres, cúpula y casas redibujadas sin fin (bucle con pausa de 1,2 s) en naranja sobre noche, trazo grueso y líneas redondeadas.
07
La Osa Mayor para un planetario
Animación «Aparición gradual» en orden aleatorio: las estrellas y las líneas de la constelación se encienden una a una, en claro sobre un resplandor nocturno.
