Intro

{ "selector": "[data-custom-animation-id=\"fly-in-right-0.25-1\"]", "--x": "calc(100 * 1vw + width())", "--y": "0", "animations": [ { "duration": "0.25s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0.25s", "duration": "1s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] }