New swipe (wipe) transition using CSS animation generator/converter

Resources
,
4

I changed the Javascript in the HTML file to:

window.elusien_keyframes = {
"move01" : [
    {offset:0,  "top": "0",},
    {offset:1,  "top": "300px",}
]
};

and I commented out the CSS animation line e.g.:

#Xstrip_01 {animation: move01 2s ease-in-out 0.00s 1 normal forwards }

This works for me. Prior to my changes it didn’t work and the javascript console gave an error message.

Aha - did you put the 300px in quotes? The value 0 is acceptable. If you have it as 0px it too must be in quotes.

P.S. in the example in the zip file instead of 0, 300px, you had 600,600.