Mettle - AS - V1 - Demo - 16 April 24

[{"selector":"#anim-2b5f63a9-45f6-40df-966e-f56b22c9fff7 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-43.87699547866988%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":3000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-b08b6791-a496-47c1-ab39-fc7d8221b67c","keyframes":{"opacity":[0,1]},"delay":600,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cc2a7b74-5a58-46d8-900d-b126648902bc","keyframes":{"transform":["translate3d(155.89743%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f2bf840c-2b14-43ec-a2a1-cadf200b691b","keyframes":{"opacity":[0,1]},"delay":300,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-127919a4-4ba5-4f78-9e0d-79ea5cc61e6d","keyframes":{"transform":["translate3d(-178.12501%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":300,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a300d247-7940-4d8c-9e8e-af9f32655d2b","keyframes":{"opacity":[0,1]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-374024b1-1011-4ab3-b522-51769c5b6c8c","keyframes":{"transform":["translate3d(-206.8182%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":800,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2b76e7dd-c311-4a30-be68-3706082b846d","keyframes":{"opacity":[0,1]},"delay":1200,"duration":300,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-1fc57968-7696-488b-923d-0b966cfc4e04","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":1200,"duration":300,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-41c7cec0-a4ac-498d-ae88-7036e928f2ef","keyframes":{"opacity":[0,1]},"delay":1500,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-df3511a6-a39b-4c81-84b9-afb134381672","keyframes":{"transform":["translate3d(-165.16855%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1500,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cb6af28c-fa18-436b-adec-96438842ddcd","keyframes":{"transform":["scale(1)","scale(1.1)","scale(0.99)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":7,"easing":"ease-in-out","fill":"both","iterations":1}] Learn more

[{"selector":"#anim-5df72d76-b8bd-4d76-a977-fd856b8d48f5","keyframes":{"transform":["scale(1)","scale(1.1)","scale(0.99)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":7,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-d3b1064e-d54f-4b29-b83c-584fd5880dab","keyframes":{"transform":["scale(1)","scale(1.1)","scale(0.99)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":7,"easing":"ease-in-out","fill":"both","iterations":1}] Watch the rest

[{"selector":"#anim-00dd53eb-8479-49b6-a1dd-911b978dd25e [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(0, -15.966386044709143%, 0) translate(3.532315359910102%, -21.00840336134454%) scale(1.4201680672268908)","translate3d(0, 0%, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":2500,"fill":"forwards"}] [{"selector":"#anim-95a6d5fe-7c2a-477a-941e-cdf764afa6a5","keyframes":{"transform":["scale(1)","scale(1.2)","scale(0.98)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":7}] [{"selector":"#anim-e51563f5-e01c-4771-af08-75b1e21ba89e","keyframes":{"transform":["scale(1)","scale(1.2)","scale(0.98)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":7}] [{"selector":"#anim-2a1b8944-8e70-4768-a5ce-ae99213096f4","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-00947f25-ed07-45d9-bcb5-099bfc91813e","keyframes":{"transform":["translate3d(139.39394%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-04d50d3b-ea2f-4747-ab75-3d6927e3fc01","keyframes":{"opacity":[0,1]},"delay":600,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6a0a2f7b-953d-41e9-b2cc-dd77e0bc2f30","keyframes":{"transform":["translate3d(-171.7647%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dbbffbff-22a4-4442-b8d2-a9761ab49650","keyframes":{"transform":["scale(1)","scale(1.1)","scale(0.99)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":7,"easing":"ease-in-out","fill":"both","iterations":1}] Learn more