Fun Quiz

START NOW

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