Lottie Animation
Animación Lottie desde un archivo JSON que arranca sola, al entrar en pantalla, al hacer hover 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
La bienvenida de un estudio de pilates
Una animación grande y lenta (velocidad 0,7) en el centro de una card clara con radio amplio y sombra cálida; se pone en pausa al hacer hover con el ratón.
02
Tres servicios de una panadería, animados
Tres animaciones pequeñas una al lado de otra en recuadros crema: el cruasán arranca solo, la tienda cuando entra en vista, la scooter solo al hacer hover con el ratón.
03
Una copa para una vinoteca, a la izquierda
Alineada a la izquierda y algo más rápida (1,4), con «Invertir dirección» al hacer hover: el vino vuelve a la botella; dentro de un panel oscuro sobre fondo noche.
04
La confirmación de una inscripción
Pequeña y sin repetición: arranca cuando entra en vista y se detiene en el último fotograma, la marca de verificación; en un recuadro azul discontinuo.
05
La taza de los desayunos de un bar, al hacer clic
Disparador «Al hacer clic»: se queda fija en el primer fotograma hasta que se toca (también con Intro desde el teclado), luego arranca y se detiene al segundo clic; en un panel de cristal sobre una aurora.
06
El lanzamiento de una startup
Estrecha, en un ojo de buey claro sobre fondo noche: el cohete despega en bucle y al hacer hover con el ratón va al doble de velocidad («Acelerar»).
