jQuery context menu

[{"selector":"#anim-1fd1bc76-2cb6-4a3b-ba9e-0eb6eea9ddb6","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d5fb9094-c7c2-4611-872d-9315c1ccf30d","keyframes":{"transform":["translate3d(0px, 108.25744%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Context menu with Feather icons

[{"selector":"#anim-562a6e16-7731-4984-bc9f-3d76070d42ae","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7d2e1dff-4f55-4704-a81e-533c3194e6de","keyframes":{"transform":["translate3d(-120.46204%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] #1

Material Design Right Click

[{"selector":"#anim-bfa0b37d-ad77-4739-be65-cb7f08310f6e","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-45cccbdb-1c6a-4e5b-a358-0e2ff8cce118","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] #2

Context Menu Using JavaScript

[{"selector":"#anim-91d79c58-2bba-4408-a47f-5e6d7cd00be3","keyframes":{"transform":["translate3d(-109.31507%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6b73902c-1dbd-4f15-a87a-65b1897dc5c1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1e9de346-71ac-404e-a8e7-a7d0604427be","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-bddbdf4e-d67e-4715-b167-f000259d3779 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] #3 Learn more