Initialised:loading...
Play State:loading...
SlowMotion:loading...
Speed:loading...
Flooper
FlooperFlooperFlooperFlooper.js is a lightweight JavaScript plugin that uses the flexbox order property to infinite loop a list of items, hence the name.
!magic
Although it looked like it at the beginning. Instead of calculating the current position of every single item in the loop, flooper just cares about the two first items in the row. If the first has crossed its parent's border completely and the next hits the bufferSize, the flex order of the first item is increased making it jump to the end of the line.
Yep that's the trick ¯\_(ツ)_/¯
Hint
You can use the bottom bar player to control all Flooper instances of this page.
1
2
3
4
5
6
7
8
Showcase
