Top 05 JavaScript Compiler

[{"selector":"#anim-5b932441-a98c-4b77-b950-270e72d9c8d8","keyframes":{"opacity":[0,1]},"delay":900,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1e1c57a7-4be7-4c2c-928b-a6ab7b5aa4c2","keyframes":{"transform":["translate3d(107.39646%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":900,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

1

[{"selector":"#anim-3ef6ed0f-7ac8-4e09-81c2-62c79707b996","keyframes":{"transform":["scale(1)","scale(1.05)","scale(0.995)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":600,"easing":"ease-in-out","fill":"both","iterations":3}] [{"selector":"#anim-8d6a9ff8-578e-4039-beba-cd975a0eb9f3","keyframes":{"opacity":[0,1]},"delay":900,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fdbf7033-99cf-48f9-a169-11b4fefd64c1","keyframes":{"transform":["translate3d(107.39646%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":900,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9fbbbc5b-3d1d-4e2f-9de6-0fa0e6c58345 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-43.48072562358274%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] jsfiddle

2

[{"selector":"#anim-33d9443e-7e3d-47f9-b9b1-c9517c63e657","keyframes":{"transform":["scale(1)","scale(1.05)","scale(0.995)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":600,"easing":"ease-in-out","fill":"both","iterations":3}] [{"selector":"#anim-f904728a-5e71-4614-ae2c-cd13ca820f4d","keyframes":{"opacity":[0,1]},"delay":900,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3b32b6d4-4133-46fd-9334-a6253ab0ba97","keyframes":{"transform":["translate3d(107.39646%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":900,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7ca31259-7b22-437f-8549-eb6727c1fedc [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(0, 58.08568282680441%, 0)","translate3d(0, 0%, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] stackblitz

3

[{"selector":"#anim-fef551f3-5e26-4dd2-a19c-a57074e3af40","keyframes":{"transform":["scale(1)","scale(1.05)","scale(0.995)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":600,"easing":"ease-in-out","fill":"both","iterations":3}] [{"selector":"#anim-db134661-4cf2-4663-9a82-ef1ab3dbee09","keyframes":{"opacity":[0,1]},"delay":900,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-613ffc94-c337-4813-8704-ba7759a12d5c","keyframes":{"transform":["translate3d(107.39646%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":900,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0019a784-e511-4932-a7f0-30e995054cb1 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(5.498866213151945%, 0, 0) translate(-12.755102040816324%, 12.74497807292754%) scale(0.7448979591836735)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"fill":"forwards"}] playcode

4

[{"selector":"#anim-2311acb0-1d5e-4415-afb7-d50cb5cc90e3","keyframes":{"transform":["scale(1)","scale(1.05)","scale(0.995)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":600,"easing":"ease-in-out","fill":"both","iterations":3}] [{"selector":"#anim-79b0dfd0-79b2-4642-9a06-d6c296f47e4a","keyframes":{"opacity":[0,1]},"delay":900,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-347bc459-bad1-43ce-9c96-b52f979c02ab","keyframes":{"transform":["translate3d(107.69231%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":900,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-374347e2-303b-40b5-8089-1626146727bd [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(5.498866213151945%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] programiz

5

[{"selector":"#anim-95436341-89d7-469e-b0ff-9c6a7da748dd","keyframes":{"transform":["scale(1)","scale(1.05)","scale(0.995)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":600,"easing":"ease-in-out","fill":"both","iterations":3}] [{"selector":"#anim-dfe2b247-73bc-4f29-beb2-cf49dabc18cc","keyframes":{"opacity":[0,1]},"delay":900,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-717a4efa-da9a-41f9-ae7b-e0e1061d57b3","keyframes":{"transform":["translate3d(115.33547%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":900,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1b38fbe7-8e6d-4da5-8c02-c6fb12f876d6 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(9.891109221466353%, -12.74497807292754%) scale(1.2551020408163265)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] onecompiler

Top 05 JavaScript Compiler

1

JSfiddle

2

stackblitz

3

playcode

4

programiz

5

onecompiler