Banco de animaciones
Al tamaño real que tienen en la página. Se reproducen una vez al entrar en pantalla; recarga para volver a verlas. Con «menos movimiento» activado en el sistema, se ve el último fotograma quieto.
El recorrido
Cómo funciona · 1 KB comprimidoLa cuadrícula se marca, una tarjeta se vuelve venta, y la venta cuadra la cuenta.
Escrita a mano en scripts/lotties.mjs
El cierre
Llamada final · 0.4 KB comprimidoLa rebanada del logo encajando.
Escrita a mano en scripts/lotties.mjs
La idea
Hero, en bucle · 7 KB comprimidoLa persona respira, los pies pisan uno tras otro y la luz parpadea. Bucle continuo, sin entrada. Ilustración de banco recoloreada a los tokens.
SVG convertido con scripts/svg-a-lottie.mjs y recoloreado a los tokens