AT - AS - Demo 1 - 15 April 24

[{"selector":"#anim-e391d1f8-82a1-4d14-8ca5-f31328022a08 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-10.21673362956443%, 0, 0) translate(-25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"fill":"forwards"}] Arrow Learn more

[{"selector":"#anim-571d9d50-9d4f-4b6d-bb24-6736989979db","keyframes":{"opacity":[0,1]},"delay":600,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c4edff86-396e-4ad1-aabb-b5585beb8532","keyframes":{"transform":["translate3d(-113.1579%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bef616b2-a492-41d7-bc12-6a1e2854c712","keyframes":{"opacity":[0,1]},"delay":2000,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-380cfdf8-e22a-4522-b6d2-6cb75a39d3ef","keyframes":{"transform":["translate3d(111.70568%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2000,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-eadcae08-d15f-408b-9710-6618e161e656 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-10.21673362956443%, 0, 0) translate(-25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"fill":"forwards"}] [{"selector":"#anim-62c2de47-6183-42e6-9f59-d7865df6d1a4","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f3dc38af-c831-4823-9a07-dc023a006a42","keyframes":{"transform":["translate3d(0px, -416.54594%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-838d3a00-1cd8-402e-bd24-b0b51550e1ec","keyframes":{"transform":["scale(1)","scale(1.1)","scale(0.99)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":7}] [{"selector":"#anim-1f4cef12-1068-4d3f-9f9f-30664696663c","keyframes":{"transform":["scale(1)","scale(1.1)","scale(0.99)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":7}] Arrow Arrow Learn more

[{"selector":"#anim-22eeaed3-77ce-4ed9-957a-ad624d1258e0","keyframes":{"opacity":[0,1]},"delay":1000,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d31d8391-95d8-4146-b421-1bed63178224","keyframes":{"transform":["translate3d(118.33334%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1000,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8dd23a48-ba12-4dd2-8c24-ebfeedca9b88","keyframes":{"transform":["scale(1)","scale(1.1)","scale(0.99)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":7}] [{"selector":"#anim-8c7df787-d581-44b6-ad8e-c59b9a306ddd","keyframes":{"transform":["scale(1)","scale(1.1)","scale(0.99)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":7}] [{"selector":"#anim-9c90e2cb-336c-4024-80d8-5a1ab98f59b9","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b8292eab-d304-4455-aefb-7c3ff1314d71","keyframes":{"transform":["rotate(-60deg) translate3d(0px, -63.14477%, 0) rotate(60deg)","rotate(-60deg) translate3d(0px, 0px, 0) rotate(60deg)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1dc028b6-3653-48ed-ae74-1d094c407ec8","keyframes":{"opacity":[0,1]},"delay":1500,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4941cba4-916e-4351-834e-76dd3ed0bc0e","keyframes":{"transform":["translate3d(-110.90909%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1500,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-10171955-c4ed-45df-ae67-5798785dd307","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-321f8720-f328-4417-9638-1e133da158bc","keyframes":{"transform":["translate3d(177.06422%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2a255007-0fb3-47f0-bc7f-7005973c3236","keyframes":{"opacity":[0,1]},"delay":2500,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-283a458c-7ef4-441e-be13-c3d8f100ff3f","keyframes":{"transform":["translate3d(390.21733%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2500,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-19f02505-a488-42f0-a222-3224ad48c28e","keyframes":{"opacity":[0,1]},"delay":3000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-77547a2b-1ad2-4e0f-9dcd-2e16b7eea794","keyframes":{"transform":["translate3d(192.30768%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":3000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8bddb32a-37bb-4ef4-9005-d53c270d7bba","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fb6997b6-0b27-44bc-9d75-e031eef74c59","keyframes":{"transform":["translate3d(-628.88889%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b1f33553-1fdf-447c-97d6-7fa8edb206c6","keyframes":{"opacity":[0,1]},"delay":2500,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dee3c725-a8df-4327-98e1-88e05750c3f0","keyframes":{"transform":["translate3d(-251.11107%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2500,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bcaf0a09-8977-41ba-b911-376f6a3c28ef","keyframes":{"opacity":[0,1]},"delay":3000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-60ef888f-9954-466d-ae8b-1344176a48c9","keyframes":{"transform":["translate3d(-628.88889%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":3000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-389a6c8d-f416-453d-abd8-cbdffa5ffa95","keyframes":{"opacity":[0,1]},"delay":2750,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8d88e109-156f-4480-a134-72ed9ec11635","keyframes":{"opacity":[0,1]},"delay":2250,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7c90048e-4435-439b-b240-b94a07c9d3bc","keyframes":{"opacity":[0,1]},"delay":3250,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d34b7058-ecbf-4bce-bff8-061dfd3aa63e","keyframes":{"opacity":[0,1]},"delay":0,"duration":3500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d0ad2eeb-b922-400c-bd29-8766e097e5c3","keyframes":{"transform":["translate3d(-96.09856%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":3500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Arrow Arrow Learn more

[{"selector":"#anim-9d891b59-6794-4389-b348-4338ac37e3fd","keyframes":{"opacity":[0,1]},"delay":600,"duration":3000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a8f1e72d-7c58-4d1c-8c36-a5e362e53a45","keyframes":{"transform":["translate3d(0px, 107.52857%, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":3000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dba97db0-fb8a-408c-92cd-e6d564dfab44","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-52531ade-6704-4c8b-a6cb-e5e85f84ce84","keyframes":{"transform":["translate3d(-119.33333%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ab528dc2-be7f-4e9e-9bec-868cd26f1d20","keyframes":{"transform":["scale(1)","scale(1.1)","scale(0.99)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":7}] [{"selector":"#anim-b1734348-f9a4-45e1-a65a-054b1bf0a890","keyframes":{"transform":["scale(1)","scale(1.1)","scale(0.99)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":7}] [{"selector":"#anim-d34b1f47-804d-4628-b05e-c1d8a4f96397","keyframes":{"opacity":[0,1]},"delay":1000,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7fd9be2c-13be-4ad6-8779-b728146f579f","keyframes":{"transform":["translate3d(0px, -273.24788%, 0)","translate3d(0px, 0px, 0)"]},"delay":1000,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ce8b7018-db3a-45ef-b55c-9d18c5898eb8","keyframes":{"opacity":[0,1]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e81e0794-12e9-476f-a507-1ce63b28c33f","keyframes":{"transform":["translate3d(0px, -280.22221%, 0)","translate3d(0px, 0px, 0)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-75d6f3c4-2a7a-4b50-8319-bc37a83d1966","keyframes":{"opacity":[0,1]},"delay":1200,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c6363351-2c8e-4d88-85ea-8a0c55c54f12","keyframes":{"transform":["translate3d(0px, -415.55553%, 0)","translate3d(0px, 0px, 0)"]},"delay":1200,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2e76c122-7eff-43be-94de-355230ecf87f","keyframes":{"opacity":[0,1]},"delay":1400,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3feab478-f572-4d75-88f2-2cd0f2e0ef3e","keyframes":{"transform":["translate3d(0px, -457.86324%, 0)","translate3d(0px, 0px, 0)"]},"delay":1400,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f10bc35b-2fd1-4cad-b6b6-11dfc2a2f568","keyframes":{"opacity":[0,1]},"delay":800,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8d14d134-2a42-4494-b7da-fb17e1693985","keyframes":{"transform":["translate3d(131.08109%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":800,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cce4a7af-de9d-4981-a642-1bb13e0a890c","keyframes":{"opacity":[0,1]},"delay":1000,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8640a98b-b3cf-486e-8cdb-4a8e58143abd","keyframes":{"transform":["translate3d(-119.28572%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1000,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0f8c08c4-fce3-4484-9d3a-34e39f86d416","keyframes":{"opacity":[0,1]},"delay":1250,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-979a95cd-e642-4086-a63a-4c3b72f9a18d","keyframes":{"transform":["translate3d(123.89382%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1250,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-da27f36a-6599-4edf-b81e-6f5c7db0fa4d","keyframes":{"opacity":[0,1]},"delay":1550,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-258879e8-67b4-48a2-b00a-3082e508e8d3","keyframes":{"transform":["translate3d(-145.96773%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1550,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Circled Dot Circled Dot Circled Dot Circled Dot Arrow Arrow Learn more

[{"selector":"#anim-693c4625-77f4-45aa-be0c-9065e4485639","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9cbd81c2-61cb-4de9-847a-9dde91844e57","keyframes":{"transform":["translate3d(0px, -114.61113%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f7195240-b3a1-49e8-893e-0297221ae775","keyframes":{"transform":["scale(1)","scale(1.1)","scale(0.99)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":7}] [{"selector":"#anim-17d8d5b8-2620-4d6c-ab53-848deaacb11a","keyframes":{"transform":["scale(1)","scale(1.1)","scale(0.99)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":7}] [{"selector":"#anim-d720c20d-fd57-40e4-b54c-b695d519dbe3 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":3500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-1cb066c9-f434-4c8e-973a-434c5bea056e","keyframes":{"opacity":[0,1]},"delay":300,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4cb4b04b-61ec-4f79-a048-7b9cc7e71798","keyframes":{"transform":["translate3d(728.00010%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":300,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7fdd37e7-02c7-4044-8891-536dbfe2501f","keyframes":{"opacity":[0,1]},"delay":900,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7de18139-1af7-47f5-918b-401709082e0d","keyframes":{"transform":["translate3d(-167.1233%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":900,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9a72976e-f08f-4336-8cda-0988968b526a","keyframes":{"opacity":[0,1]},"delay":1200,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9e9e7711-4918-460b-bae4-f088f382a296","keyframes":{"transform":["translate3d(-137.87878%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1200,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7ce02cc9-6015-4efe-aa40-596c9c9f31bb","keyframes":{"opacity":[0,1]},"delay":2000,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2c166cc7-fc50-4e58-b305-4c1e336efcc5","keyframes":{"transform":["translate3d(-112.42425%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2000,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Arrow Arrow Learn more

[{"selector":"#anim-525cd713-2564-4552-8a85-a80685538b62","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-270ffe9b-5d7a-4d97-a7b2-3bae18b53b40","keyframes":{"transform":["translate3d(-119%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8c762cb6-96a3-44a4-8ec9-be352ce76334","keyframes":{"transform":["scale(1)","scale(1.1)","scale(0.99)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":7}] Arrow Learn more