See the Code - See it Full Page - See Details
_Firefox Nightly only as of 12/7/2017_ One Web Animations API animation that translates horizontally across the screen. Combined (via `composite: 'add'`) with a five frame animation that translates vertically. The vertical translation animation is accumulating its result each iteration (out of 8) via `iterationComposite: 'accumulate'`. Since it ends with `-9vh`, the next iteration will start at `-9vh` from the previous end point as well, until you reach `-72vh` at which point the `onfinish()` callback happens and the animation is reversed indefinitely.
This Pen uses: HTML, CSS, JavaScript, and