GET FREE CODE

[{"selector":"#anim-a39010b5-12bb-4fac-aa12-9362e09e0f13","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.2)","offset":0.33},{"transform":"scale(0.98)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":2000,"easing":"ease-in-out","fill":"both","iterations":5}] [{"selector":"#anim-3ffe7a00-bbdd-42ac-95de-bc1db0f20b4d","keyframes":{"opacity":[0,1]},"delay":1000,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f446514f-7505-4969-aada-e76b67525f7e","keyframes":{"transform":["translate3d(-302.56407%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1000,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Arrow

get the free code on colab notebook with step by step guide

[{"selector":"#anim-4c0242ce-16b9-4ebb-9a58-3643b63c51bd","keyframes":[{"transform":"rotate(-115deg) rotate(-540deg) scale(0.1) rotate(115deg)","opacity":0},{"transform":"none","opacity":1}],"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both","iterations":1}] [{"selector":"#anim-bb7ffbd9-dddd-4725-a806-e157731cec4d","keyframes":{"transform":["translate3d(-442.49995%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-d86a50cd-2b0e-45cc-97cb-037c1c61bb71","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-2ac3e6dc-c510-490a-b05b-4cc781aa645b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8a4dd508-c86c-49ff-a866-d7df4af1b5af","keyframes":{"transform":["translate3d(0px, 160.21328%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4c6835f9-4bb6-4247-8deb-be0bbf122de5","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6c48ac83-2cc1-4ba6-b215-d2c2cb008eaa","keyframes":{"transform":["translate3d(0px, 178.04143%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f0e693af-8fe8-48e3-8c09-79d29bf6db53","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.2)","offset":0.33},{"transform":"scale(0.98)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":2000,"easing":"ease-in-out","fill":"both","iterations":5}] [{"selector":"#anim-9f753b55-553d-4716-a5fd-e1ac55c712fa","keyframes":{"opacity":[0,1]},"delay":1000,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3dc05e9a-a51b-433a-9f43-01b12168f28a","keyframes":{"transform":["translate3d(-319.23073%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1000,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-496fe4cf-41a8-4687-91a5-31ed65a41930","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4981725d-d8a5-4ac7-81e0-9622180c5ee0","keyframes":{"transform":["translate3d(-114.54546%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Arrow

GET FREE CODE

get the free code on colab notebook with step by step guide

SEE THE CODE